.mobile-design-preview{--paper:#f8f9fb;--ink:#20232c;--navy:#20232c;--muted:#687080;--line:#e5e8ee;background:var(--paper);color:var(--ink);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}.mobile-design-preview button,.mobile-design-preview input,.mobile-design-preview select,.mobile-design-preview textarea{font-family:inherit}.mobile-design-preview h1{line-height:1.35;letter-spacing:-.025em}.mobile-design-preview h2,.mobile-design-preview h3{line-height:1.4}.mobile-design-preview p{line-height:1.6}.mobile-design-preview :is(.planner-card,.today-card,.review-shell,.lesson-shell,.record-grid>article,.term-card,.knowledge-summary,.roleplay-turn,.customer-cue,.spell-field,.sentence-spell-field){border-radius:16px;box-shadow:none}.mobile-design-preview :is(.primary,.secondary){min-height:48px}.mobile-design-preview :is(.home-hero,.dashboard-hero,.review-hero,.terms-hero){border-radius:18px}@media(max-width:767px){.mobile-design-preview main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-design-preview .topbar{height:68px;padding:12px 20px;background:var(--paper);border:0;position:relative}.mobile-design-preview .brand{gap:8px}.mobile-design-preview .brand b{font-size:22px;letter-spacing:-.04em}.mobile-design-preview .brand small{display:none}.mobile-design-preview .topbar nav{position:static;display:flex;gap:12px;background:transparent;padding:0;border:0;box-shadow:none;width:auto;height:auto;transform:none}.mobile-design-preview .topbar nav>button:nth-child(-n+3){position:fixed;bottom:0;height:calc(68px + env(safe-area-inset-bottom));width:33.333333%;margin:0;padding:8px 0 calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:0;background:#f8f9fbf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#89909e;font-size:12px;line-height:1.4;z-index:60}.mobile-design-preview .topbar nav>button:first-child{left:0}.mobile-design-preview .topbar nav>button:nth-child(2){left:33.333333%}.mobile-design-preview .topbar nav>button:nth-child(3){left:66.666666%}.mobile-design-preview .topbar nav>button:nth-child(-n+3):before{content:"";width:21px;height:21px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mobile-design-preview .topbar nav>button:first-child:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H3zM9 20v-7h6v7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H3zM9 20v-7h6v7'/%3E%3C/svg%3E")}.mobile-design-preview .topbar nav>button:nth-child(2):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M3 4h7l2 2 2-2h7v16h-7l-2 1-2-1H3zM12 6v15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M3 4h7l2 2 2-2h7v16h-7l-2 1-2-1H3zM12 6v15'/%3E%3C/svg%3E")}.mobile-design-preview .topbar nav>button:nth-child(3):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}.mobile-design-preview .topbar nav>button.active{color:#4967ff;border:0}.mobile-design-preview .topbar nav>.admin-link,.mobile-design-preview .topbar nav>.logout-link{font-size:12px;padding:8px 0}.mobile-design-preview :is(.home-page,.dashboard-page,.review-page,.records-page,.terms-page,.summary-page,.lesson-page){width:100%;max-width:none;margin:0;padding:16px 20px 24px}.mobile-design-preview :is(.dashboard-hero,.review-hero,.terms-hero){min-height:0;padding:20px;margin-bottom:16px;gap:16px}.mobile-design-preview :is(.dashboard-hero,.review-hero,.terms-hero,.records-head) h1{font-size:25px;margin:6px 0}.mobile-design-preview :is(.dashboard-body,.review-shell,.focus-section){margin-top:16px;gap:16px;padding:0}.mobile-design-preview :is(.planner-card,.today-card,.review-shell,.lesson-shell,.record-grid>article,.roleplay-turn,.knowledge-summary){padding:18px}.mobile-design-preview .lesson-progress{position:static;padding:0 0 14px;margin:0;border:0;background:transparent;gap:10px}.mobile-design-preview .lesson-progress>div{gap:6px}.mobile-design-preview .lesson-shell h1{font-size:23px;margin:8px 0}.mobile-design-preview .lesson-shell>.en-title{font-size:13px;line-height:1.5;margin:0 0 14px}.mobile-design-preview .context{padding:12px 14px;margin:14px 0;border-radius:12px}.mobile-design-preview .context p{font-size:13px}.mobile-design-preview .audio-settings{margin:12px 0;gap:10px}.mobile-design-preview .listening-selects{gap:8px;flex-wrap:wrap}.mobile-design-preview .listening-selects select{font-size:13px;padding:9px 10px}.mobile-design-preview .play{border-radius:16px}.mobile-design-preview .dialogue-row{padding:14px 0;border:0;gap:8px}.mobile-design-preview .dialogue-row p{font-size:16px;line-height:1.55}.mobile-design-preview .dialogue-row>div+div p{font-size:14px;line-height:1.5}.mobile-design-preview :is(.roleplay,.round-content,.review-fields,.record-grid,.word-grid){gap:12px}.mobile-design-preview .customer-cue{padding:16px}.mobile-design-preview .customer-cue p{font-size:17px;line-height:1.5}.mobile-design-preview .round-actions{margin-top:16px;gap:8px}.mobile-design-preview .spell-field{padding:16px;margin-bottom:12px}.mobile-design-preview .scene{padding:14px 12px;gap:10px}.mobile-design-preview .scene h3{font-size:15px;line-height:1.45}.mobile-design-preview .terms-hero p{font-size:13px}.mobile-design-preview .term-card{padding:18px}.mobile-design-preview :is(.review-heading,.records-head,.section-title){margin-bottom:14px;padding-bottom:0}.mobile-design-preview .summary-page h1{font-size:25px}.mobile-design-preview .knowledge-note{padding:16px}.mobile-design-preview dialog{max-width:calc(100vw - 32px)}}.mobile-design-preview .approved-home{max-width:390px;margin:auto;padding:16px 20px 24px}.approved-home h2{font-size:18px;font-weight:600;margin:0;line-height:1.4}.approved-home small{font-size:12px;color:#687080;line-height:1.5}.approved-quote{background:#202126;border-radius:18px;padding:14px 18px 15px;color:white;margin-bottom:16px}.approved-quote-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.approved-quote-head>span{display:grid;place-items:center;border-radius:50%;background:#ffffff12;width:32px;height:32px;font-size:21px}.approved-quote-head>b{color:#b8b5ff;font-size:13px;font-weight:600}.approved-quote blockquote{font-size:19px;font-weight:550;line-height:1.32;letter-spacing:-.35px;margin:0 0 5px}.approved-quote p{font-size:13px;color:#e1e2e7;line-height:1.4;margin:0}.approved-quote cite{display:block;font-size:11px;font-style:normal;line-height:1.4;color:#aeb0ba;margin-top:9px}.approved-stats{display:flex;gap:12px;padding:4px 0 2px;margin-bottom:16px}.approved-stats>div{flex:1 1;min-width:0;border-left:1px solid #4967ff;padding-left:12px}.approved-stats b{font-size:22px;line-height:1.4;font-weight:650;display:block;white-space:nowrap}.approved-stats span{font-size:12px;color:#687080}.approved-stats b small{font-size:12px}.approved-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.approved-checkin{margin-bottom:18px}.approved-checkin h2{font-size:15px}.approved-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:10px}.approved-week>div{text-align:center}.approved-week small{font-size:11px;display:block;margin-bottom:7px}.approved-week b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin:auto;background:#ecefff;color:#89909e;font-size:14px;font-weight:500}.approved-week .today small,.approved-week b.done{color:#4967ff}.approved-week .today b{background:#4967ff;color:#fff;outline:1px solid #bfc9ff;outline-offset:4px}.approved-planner{background:#fff;border:1px solid #e0e5f0;border-radius:18px;padding:20px;margin-bottom:16px}.approved-tag{font-size:12px;border-radius:8px;padding:3px 9px;color:#4967ff;background:#ecefff}.approved-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 14px}.approved-times button{border:1px solid #e5e8ee;border-radius:12px;background:#f0f2f5;height:64px;padding:4px;color:#687080}.approved-times b{display:block;font-size:18px;font-weight:600;color:#20232c}.approved-times small{font-size:13px}.approved-times .selected{background:#20232c;border-color:#20232c}.approved-times .selected b{color:white}.approved-times .selected small{color:#c9ccd4}.approved-estimate{font-size:13px;color:#687080;margin:0 0 18px}.approved-planner .primary{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;background:#4967ff;color:white;padding:0 18px;box-shadow:none}.approved-planner .primary span{margin:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff20}.approved-next{background:none;border:0;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#20232c;margin-top:12px;padding:0;gap:10px}.approved-next small{display:block}.approved-next b{font-size:15px;font-weight:500;line-height:1.5}.approved-next>span{font-size:20px;color:#687080}.approved-route summary{display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;cursor:pointer}.approved-route summary::-webkit-details-marker{display:none}.approved-route summary h2{font-size:17px}.approved-route summary>span{font-size:12px;color:#4967ff;white-space:nowrap}.approved-route article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0 11px 18px;margin-left:10px;border-left:1px solid #dce1ed;position:relative}.approved-route article:before{content:"";position:absolute;width:7px;height:7px;left:-4px;top:20px;background:#cbd2e4;border-radius:50%}.approved-route article b{font-size:13px;font-weight:500;display:block}.approved-route article small{font-size:11px;display:block}.approved-route article p{font-size:12px;text-align:right;margin:0;white-space:nowrap;color:#687080}.approved-active p{font-size:14px;color:#687080;margin:12px 0}.approved-text{background:none;border:0;color:#687080;font-size:12px;padding:10px 0}.mobile-design-preview>main>footer{display:none}@media(min-width:768px){.mobile-design-preview .topbar{max-width:390px;margin:auto;height:68px;padding:12px 20px;border:0;background:#f8f9fb}.mobile-design-preview .brand small{display:none}.mobile-design-preview .topbar nav{position:static;transform:none;background:none;border:0;padding:0;width:auto;height:auto}.mobile-design-preview .topbar nav>button:nth-child(-n+3){position:fixed;top:auto;bottom:0;width:130px;height:70px;padding:9px 0;border:0;background:#f8f9fbf5;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#89909e}.mobile-design-preview .topbar nav>button:first-child{left:calc(50% - 195px)}.mobile-design-preview .topbar nav>button:nth-child(2){left:calc(50% - 65px)}.mobile-design-preview .topbar nav>button:nth-child(3){left:calc(50% + 65px)}.mobile-design-preview .topbar nav>button.active{color:#4967ff}.mobile-design-preview .topbar nav>.logout-link{font-size:12px;padding:8px 0}.mobile-design-preview main{padding-bottom:88px}}.mobile-design-preview .learned-courses-page aside>.phase-card{display:none}.mobile-design-preview .approved-stats{border:0;border-radius:14px;padding:14px 8px;margin:0 0 18px;gap:4px}.mobile-design-preview .approved-stats>div{border:0;padding:0;text-align:center}.mobile-design-preview .approved-stats b{font-size:23px;line-height:1.3;font-weight:650;letter-spacing:-.4px}.mobile-design-preview .approved-stats b small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:2px}.mobile-design-preview .approved-stats span{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#737b8b}.mobile-design-preview .topbar nav>.logout-link{display:none}.mobile-design-preview{--blue:#4967ff;--blue-deep:#304fe8;--blue-soft:#ecefff}.mobile-design-preview .approved-stats{background:#eef1f8}.mobile-design-preview .approved-tag{background:#ecefff;color:#4967ff}.mobile-design-preview .approved-week b{background:#ecefff;color:#89909e}.mobile-design-preview .approved-week .today small,.mobile-design-preview .approved-week b.done{color:#4967ff}.mobile-design-preview .approved-week .today b{background:#4967ff;outline-color:#bfc9ff}.mobile-design-preview .approved-planner .primary{background:#4967ff}.mobile-design-preview .approved-planner .primary:hover{background:#304fe8}.mobile-design-preview .approved-times .selected{background:#20232c;border-color:#20232c}.mobile-design-preview .approved-times .selected small{color:#c9ccd4}.mobile-design-preview .approved-route summary>span{color:#4967ff}.mobile-design-preview .approved-route article{border-left-color:#dce1ed}.mobile-design-preview .approved-route article:before{background:#cbd2e4}.mobile-design-preview .topbar nav>button.active{color:#4967ff}.mobile-design-preview .approved-quote-head>b{color:#b8b5ff}.mobile-design-preview .approved-week .today b{background:#7861e8;color:#fff;outline-color:#d3cbf8}.mobile-design-preview .approved-week .today small{color:#7861e8}.mobile-design-preview .reading .dialogue-row{height:auto;min-height:0;margin:0 0 10px;align-items:start}.mobile-design-preview .reading .dialogue-row>div+div,.mobile-design-preview .reading .dialogue-row>div:first-child{min-height:0}.mobile-design-preview .reading .reading-speaker{margin:0 0 5px;gap:9px;min-height:28px}.mobile-design-preview .reading .reading-speaker>b{font-size:14px;line-height:1.3}.mobile-design-preview .reading .reading-line-play{min-height:28px;min-width:28px;padding:4px}.mobile-design-preview .reading .dialogue-row>div:first-child p{font-size:16px}.mobile-design-preview .reading .dialogue-row>div+div p{font-size:14px}.mobile-design-preview .reading .reading-speaker{display:flex;align-items:center;gap:10px;background:#202126;color:#fff;padding:9px 16px;min-height:44px;box-sizing:border-box}.mobile-design-preview .reading .reading-speaker>b{color:#fff;font-size:13px;letter-spacing:.03em}.mobile-design-preview .reading .reading-speaker .reading-line-play{background:#ffffff14;border:0;border-radius:50%;color:#b8b5ff;width:28px;height:28px;padding:5px;display:inline-flex;align-items:center;justify-content:center}.mobile-design-preview .reading .reading-speaker .reading-line-play:hover{background:#ffffff26;color:#fff}.mobile-design-preview .preview-skip-speaking{display:block;margin:0 auto 14px;padding:10px 16px;background:#ecefff;color:#4967ff;border:0;border-radius:10px;font-size:13px;min-height:44px}.mobile-design-preview .light-complete-page>h1+p,.mobile-design-preview .light-complete-page>p{display:none}.mobile-design-preview{--preview-title:23px;--preview-section:17px;--preview-body:15px;--preview-caption:12px;--white:#fff}.mobile-design-preview main{background:#f8f9fb}.mobile-design-preview .preview-page-picker{max-width:350px;margin:0 auto 8px;padding:8px 10px;border-radius:10px;background:#ecefff;color:#687080;font-size:11px}.mobile-design-preview .preview-page-picker summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}.mobile-design-preview .preview-page-picker summary::-webkit-details-marker{display:none}.mobile-design-preview .preview-page-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.mobile-design-preview .preview-page-picker button{border:0;border-radius:7px;background:white;color:#4967ff;padding:8px 3px;font-size:11px;min-height:36px}.mobile-design-preview :is(.lesson-page,.chunk-notes-page,.summary-page,.records-page,.terms-page,.dashboard-page,.review-page){box-sizing:border-box;max-width:390px;width:100%;margin:0 auto;padding:16px 20px 28px;background:transparent}.mobile-design-preview :is(.lesson-shell,.round-content,.dashboard-body,.review-shell){width:100%;max-width:100%;min-width:0}.mobile-design-preview .lesson-shell{padding:0;text-align:left;background:transparent;border:0;box-shadow:none}.mobile-design-preview :is(.lesson-shell,.chunk-notes-page,.summary-page,.records-head,.terms-hero,.dashboard-hero)>h1,.mobile-design-preview :is(.records-head,.terms-hero,.dashboard-hero) h1{font-family:inherit;font-size:23px;line-height:1.35;font-weight:650;letter-spacing:-.025em;margin:7px 0 14px}.mobile-design-preview .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.08em;color:#687080}.mobile-design-preview .en-title{font-size:13px;line-height:1.5;font-style:normal;margin:0 0 12px;color:#687080}.mobile-design-preview .lesson-progress{height:auto;min-height:0;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr auto;gap:8px;background:transparent;border:0}.mobile-design-preview .lesson-progress>button{grid-column:1;grid-row:1;font-size:12px;padding:6px 0;min-height:32px}.mobile-design-preview .lesson-progress>small{grid-column:2;grid-row:1;font-size:12px}.mobile-design-preview .lesson-progress>div{grid-column:1/3;grid-row:2;display:flex;gap:5px;justify-content:space-between}.mobile-design-preview .lesson-progress>div>span{font-size:0;letter-spacing:0;gap:4px}.mobile-design-preview .lesson-progress>div>span:after{content:attr(data-mobile-label);font-size:11px}.mobile-design-preview .lesson-progress span i{font-size:10px;width:21px;height:21px}.mobile-design-preview .context{display:block;padding:12px 14px;margin:12px 0 16px;background:#eef1f8;border:0;border-radius:12px;max-width:none}.mobile-design-preview .context b{display:block;margin-bottom:4px;font-size:12px;color:#4967ff}.mobile-design-preview .context p{margin:0;font-size:13px;line-height:1.55}.mobile-design-preview :is(.round-content,.roleplay){margin:0;max-width:none}.mobile-design-preview .dialogue-head{display:none}.mobile-design-preview .reading .dialogue-row{display:grid;grid-template-columns:1fr;background:white}.mobile-design-preview .audio-settings{gap:8px;margin:0 0 12px}.mobile-design-preview .listening-selects{display:flex;flex-wrap:wrap;gap:6px}.mobile-design-preview .listening-selects select{font-size:12px;padding:8px;border-radius:9px;min-height:38px}.mobile-design-preview .play{padding:18px 16px;min-height:116px;background:#202126;border-radius:16px}.mobile-design-preview .play b{font-size:16px;line-height:1.4}.mobile-design-preview .play small{font-size:11px;line-height:1.5}.mobile-design-preview .line-replay{gap:6px;margin:10px 0 16px}.mobile-design-preview .line-replay button{border-radius:9px;padding:10px 6px;font-size:12px;min-height:40px}.mobile-design-preview :is(.primary,.secondary){font-family:inherit;min-height:46px;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.4;letter-spacing:0;box-shadow:none}.mobile-design-preview .round-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.mobile-design-preview .round-actions button{width:100%}.mobile-design-preview .roleplay-steps{gap:6px;margin-bottom:12px}.mobile-design-preview .roleplay-steps>span{padding:9px 8px}.mobile-design-preview .roleplay-steps b{font-size:12px}.mobile-design-preview .roleplay-steps small{font-size:10px}.mobile-design-preview :is(.roleplay-turn,.customer-cue){padding:16px;margin:0;border-radius:14px;background:#fff;border:0}.mobile-design-preview .roleplay-turn h3{font-size:18px;line-height:1.45;margin:7px 0 10px;font-family:inherit}.mobile-design-preview .customer-cue p{font-size:16px;line-height:1.55;font-family:inherit}.mobile-design-preview .roleplay-translation-hint{padding:11px 12px;background:#eef1f8;border-radius:10px;margin:10px 0}.mobile-design-preview .roleplay-translation-hint p{font-size:14px;line-height:1.5}.mobile-design-preview .roleplay-privacy{font-size:11px;color:#89909e;margin-top:12px}.mobile-design-preview .spell-intro{padding:12px 14px;border-radius:12px;background:#eef1f8;margin:0 0 12px}.mobile-design-preview .spell-intro h3{font-size:14px;line-height:1.5}.mobile-design-preview .sentence-spell-field{padding:16px;border-radius:14px;margin:0 0 12px;background:#fff;border:0;gap:12px;min-width:0}.mobile-design-preview .sentence-spell-field header{padding:0 0 12px;margin:0;border:0;background:transparent}.mobile-design-preview .sentence-spell-field header b{font-size:14px;font-weight:500;line-height:1.55}.mobile-design-preview .sentence-spell-field header small{font-size:11px;line-height:1.4}.mobile-design-preview .chunk-notes-page>h1{font-size:23px;margin:7px 0 16px}.mobile-design-preview .chunk-card-list{gap:12px}.mobile-design-preview .chunk-card{padding:18px 16px;background:white}.mobile-design-preview .chunk-card h2{font-family:inherit;font-size:20px;line-height:1.35;font-weight:600}.mobile-design-preview .chunk-card .chunk-meaning{font-size:13px;line-height:1.5;margin:5px 0 12px}.mobile-design-preview .chunk-examples li{padding-top:12px}.mobile-design-preview .chunk-example-number{padding-top:3px;font-size:10px;color:#89909e}.mobile-design-preview .chunk-examples p[lang=zh-CN]{font-size:13px;line-height:1.5;margin-top:4px}.mobile-design-preview .chunk-card .chunk-note{padding:10px;margin-top:12px}.mobile-design-preview .chunk-notes-actions{margin-top:16px}.mobile-design-preview .chunk-notes-actions button{width:100%}.mobile-design-preview .summary-page{text-align:center}.mobile-design-preview .celebrate{width:56px;height:56px;font-size:28px;margin:6px auto 14px;background:#ecefff;color:#4967ff;display:grid;place-items:center;border-radius:50%}.mobile-design-preview .summary-page>.eyebrow{display:block;margin-bottom:7px}.mobile-design-preview .tomorrow{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:18px;border-radius:16px;background:#eef1f8;margin:18px 0 0;gap:12px}.mobile-design-preview .tomorrow h3{font-size:17px;line-height:1.45;margin:0 0 6px}.mobile-design-preview .tomorrow p{font-size:13px;line-height:1.5;margin:0}.mobile-design-preview .summary-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.mobile-design-preview .summary-actions button{min-height:46px;padding:12px 16px;border-radius:12px;font-size:14px}.mobile-design-preview .dashboard-body{display:grid;grid-template-columns:1fr;padding:0;margin:16px 0;gap:16px}.mobile-design-preview :is(.today-card,.record-stats,.records-memory,.terms-hero,.dashboard-hero,.review-shell){padding:18px;border-radius:16px;box-shadow:none}.mobile-design-preview :is(.terms-hero,.dashboard-hero){display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:14px}.mobile-design-preview .record-stats{gap:12px;background:#eef1f8}.mobile-design-preview .record-stats span{padding:0;border:0}.mobile-design-preview .record-stats b{font-size:23px}.mobile-design-preview .record-stats small{font-size:12px}.mobile-design-preview .records-section-head h2{font-size:18px}.mobile-design-preview .records-section-head p{font-size:13px;line-height:1.55}.mobile-design-preview .term-grid{grid-template-columns:1fr}.mobile-design-preview .term-card{padding:18px;box-shadow:none;border-radius:16px}.mobile-design-preview :is(.knowledge-note,.assessment-page){max-width:390px;margin:0 auto;padding:16px 20px 28px}.mobile-design-preview button:focus-visible,.mobile-design-preview input:focus-visible,.mobile-design-preview select:focus-visible{outline:2px solid #4967ff;outline-offset:2px}.mobile-design-preview .topbar{display:flex!important;align-items:center;justify-content:space-between;position:relative!important;transform:none!important;filter:none;max-width:390px;margin:0 auto;height:68px;min-height:68px;padding:12px 20px}.mobile-design-preview .topbar nav{position:static!important;inset:auto!important;display:flex!important;transform:none!important;filter:none;background:none;border:0;box-shadow:none;width:auto;height:auto;overflow:visible}.mobile-design-preview .topbar nav>button:nth-child(-n+3){position:fixed!important;top:auto!important;bottom:0!important;width:calc(min(100vw,390px)/3)!important;height:calc(68px + env(safe-area-inset-bottom));padding:8px 0 calc(10px + env(safe-area-inset-bottom));z-index:60;border:0;background:#f8f9fbf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}.mobile-design-preview .topbar nav>button:first-child{left:calc(50% - min(50vw,195px))!important}.mobile-design-preview .topbar nav>button:nth-child(2){left:calc(50% - min(50vw,195px)/3)!important}.mobile-design-preview .topbar nav>button:nth-child(3){left:calc(50% + min(50vw,195px)/3)!important}.mobile-design-preview .en-title{font-family:inherit!important}.mobile-design-preview .dashboard-hero.course-hero{padding:0;background:transparent;border:0;box-shadow:none;min-height:0;gap:0}.mobile-design-preview .dashboard-hero.course-hero>div:first-child{display:none}.mobile-design-preview .dashboard-hero.course-hero .daily-term-card{width:100%;margin:0;background:#fff;border:0;box-shadow:none;border-radius:16px}.mobile-design-preview{--font-ui:"Avenir Next","Avenir","SF Pro Rounded",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.mobile-design-preview,.mobile-design-preview :is(button,input,select,textarea,h1,h2,h3,p,blockquote){font-family:var(--font-ui)}.mobile-design-preview :is(.reading .dialogue-row>div:first-child p,.customer-cue p,.chunk-examples p[lang=en],.daily-term-heading [lang=en]){font-family:var(--font-ui);font-weight:500;letter-spacing:-.018em;line-height:1.55}.mobile-design-preview .reading .dialogue-row>div:first-child p{font-size:17px}.mobile-design-preview .chunk-examples p[lang=en]{font-size:16px}.mobile-design-preview .approved-quote blockquote{font-weight:600;letter-spacing:-.025em}.mobile-design-preview .approved-reset{display:block;width:100%;min-height:46px;margin-top:9px;padding:12px 16px;border:0;border-radius:12px;background:#202126;color:#fff;font-size:14px;font-weight:600;line-height:1.4}.mobile-design-preview .approved-reset:hover{background:#34353d}.mobile-design-preview .approved-reset{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 18px}.mobile-design-preview .approved-reset>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff20;font-size:14px;margin:0}.mobile-design-preview .group-catalog .stage-heading h3{font-size:16px;line-height:1.4;letter-spacing:-.02em}.mobile-design-preview .group-catalog .group-heading h3{font-size:15px;line-height:1.4;letter-spacing:-.02em}.mobile-design-preview .group-lessons .scene-number{width:28px;height:28px;font-size:12px}.mobile-design-preview .group-lessons .scene h3{font-weight:600;letter-spacing:-.025em;text-wrap:pretty}.mobile-design-preview .group-lessons .scene small{font-size:10px;line-height:1.4;letter-spacing:0}.mobile-design-preview .group-lessons .scene .branch-toggle{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:19px;flex-shrink:0}@media(max-width:767px){.mobile-design-preview .group-lessons .scene{grid-template-columns:28px minmax(0,1fr)}}.mobile-design-preview .group-lessons .scene{display:grid;grid-template-columns:28px minmax(0,1fr);row-gap:10px;align-items:start;padding:12px 8px}.mobile-design-preview .group-lessons .scene>.scene-number{margin-top:21px}.mobile-design-preview .group-lessons .scene>div{min-width:0;width:100%}.mobile-design-preview .group-lessons .scene h3{justify-content:space-between;gap:6px;width:100%;margin:5px 0 0;font-size:14px}.mobile-design-preview .group-lessons .scene h3>span{flex:1 1;word-break:normal;overflow-wrap:normal}.mobile-design-preview .group-lessons .scene .branch-toggle-mobile{flex:0 0 26px;width:26px;height:28px;min-height:28px;position:static;font-size:20px}.mobile-design-preview .group-lessons .scene>.branch-toggle-desktop{display:none!important}.mobile-design-preview .group-lessons .scene>button:not(.branch-toggle){grid-column:2;grid-row:2;justify-self:stretch;width:100%;min-height:40px;padding:9px 12px;line-height:1.4;border-radius:10px}.mobile-design-preview .group-lessons .scene{column-gap:6px;row-gap:0;align-items:center}.mobile-design-preview .group-lessons .scene>.scene-number{grid-column:1;grid-row:1;margin-top:0;width:24px;height:24px}.mobile-design-preview .group-lessons .scene>div{grid-column:2;grid-row:1}.mobile-design-preview .group-lessons .scene>button:not(.branch-toggle){grid-column:3;grid-row:1;align-self:center;width:48px;min-width:0;min-height:36px;padding:8px 3px;font-size:12px;border-radius:18px;white-space:nowrap}.mobile-design-preview .group-lessons .scene h3{gap:3px}.mobile-design-preview .group-lessons .scene .branch-toggle-mobile{flex-basis:20px;width:20px;min-width:20px;font-size:18px}.mobile-design-preview .group-lessons .scene{grid-template-columns:24px minmax(0,1fr) 48px;align-items:end;column-gap:8px;padding:12px 6px}.mobile-design-preview .group-lessons .scene>div{display:grid;grid-template-rows:auto 32px;row-gap:4px;align-items:center}.mobile-design-preview .group-lessons .scene>div>small{display:block;font-size:10px;letter-spacing:0}.mobile-design-preview .group-lessons .scene h3{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:5px;line-height:1.4;font-size:13px}.mobile-design-preview .group-lessons .scene h3>span{display:block;min-width:0;white-space:nowrap}.mobile-design-preview .group-lessons .scene .branch-toggle-mobile{grid-column:2;justify-self:center;align-self:center;position:static!important;transform:none!important;width:22px;min-width:22px;height:32px;min-height:32px;display:inline-flex!important;align-items:center;justify-content:center;margin:0;padding:0;background:transparent;line-height:1;color:#7c8498}.mobile-design-preview .group-lessons .scene>.scene-number{align-self:end;margin:0 0 4px}.mobile-design-preview .group-lessons .scene>button:not(.branch-toggle){align-self:end;height:32px;min-height:32px;margin:0;padding:6px 3px;line-height:20px}.mobile-design-preview .group-lessons .scene,.mobile-design-preview .group-lessons .scene.has-branches{grid-template-columns:24px minmax(0,1fr) 24px 48px;gap:0 6px;align-items:end}.mobile-design-preview .group-lessons .scene.has-branches>div,.mobile-design-preview .group-lessons .scene>div{display:grid;grid-template-rows:auto 32px;row-gap:4px;min-width:0}.mobile-design-preview .group-lessons .scene h3{display:flex;height:32px;min-height:32px;margin:0;align-items:center;gap:0}.mobile-design-preview .group-lessons .scene.has-branches h3 .branch-toggle-mobile{display:none!important}.mobile-design-preview .group-lessons .scene.has-branches>.branch-toggle-desktop,.mobile-design-preview .group-lessons .scene>.branch-toggle-desktop{display:flex!important;grid-column:3!important;grid-row:1!important;align-self:end;align-items:center;justify-content:center;position:static!important;transform:none!important;min-width:24px;width:24px;min-height:32px;height:32px;margin:0;padding:0;border:0;background:transparent;color:#7c8498;font-size:20px;line-height:1;box-shadow:none}.mobile-design-preview .group-lessons .scene.has-branches>button:last-child,.mobile-design-preview .group-lessons .scene>button:not(.branch-toggle){grid-column:4!important;grid-row:1!important;width:48px;min-width:48px;height:32px;min-height:32px;align-self:end;margin:0;padding:6px 3px}.mobile-design-preview .group-lessons .scene.has-branches>div,.mobile-design-preview .group-lessons .scene>div{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;grid-column:2;grid-row:1}.mobile-design-preview .group-lessons .scene>div>h3{order:0;height:auto;min-height:0;margin:0;line-height:1.4}.mobile-design-preview .group-lessons .scene>div>small{order:1;font-size:11px;line-height:1.4;margin:0;color:#89909e}.mobile-design-preview .group-lessons .scene>div>p{order:2}.mobile-design-preview .group-lessons .scene>.scene-number{align-self:center;margin:0}.mobile-design-preview .group-lessons .scene.has-branches>.branch-toggle-desktop,.mobile-design-preview .group-lessons .scene.has-branches>button:last-child,.mobile-design-preview .group-lessons .scene>.branch-toggle-desktop,.mobile-design-preview .group-lessons .scene>button:not(.branch-toggle){align-self:center}.mobile-design-preview .group-lessons .scene>div>small{display:none}.mobile-design-preview .group-lessons .scene.has-branches>div,.mobile-design-preview .group-lessons .scene>div{gap:0}.mobile-design-preview .dashboard-page .dashboard-hero.course-hero{width:100%;max-width:none;margin:0 0 16px;padding:0;box-sizing:border-box}.mobile-design-preview .dashboard-page .dashboard-hero.course-hero .daily-term-card{display:block;width:100%;max-width:none;margin:0;box-sizing:border-box}.mobile-design-preview .dashboard-page .dashboard-body{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.mobile-design-preview .dashboard-page .today-card{width:100%;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.mobile-design-preview .dashboard-page .today-card>.section-title{margin:0 0 12px}.mobile-design-preview .dashboard-page .today-card>.progress-track{margin:0 0 16px}.mobile-design-preview .dashboard-page .group-catalog{margin:0;padding:0;border:0;background:transparent}.mobile-design-preview .dashboard-page .catalog-intro{padding:0}.mobile-design-preview .dashboard-page .today-card>.progress-track{display:none;margin:0}.mobile-design-preview .dashboard-page .today-card>.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;margin:0 0 20px;border:0;border-radius:14px;background:#eef1f8}.mobile-design-preview .dashboard-page .today-card>.section-title>div{min-width:0}.mobile-design-preview .dashboard-page .today-card>.section-title>div>span{display:block;font-size:10px;line-height:1.4;letter-spacing:.06em;font-weight:600;color:#4967ff;margin-bottom:5px}.mobile-design-preview .dashboard-page .today-card>.section-title h2{font-family:var(--font-ui);font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0}.mobile-design-preview .dashboard-page .today-card>.section-title>b{font-family:var(--font-ui);font-size:24px;line-height:1.2;font-weight:600;color:#20232c;flex-shrink:0;text-align:right}.mobile-design-preview .dashboard-page .today-card>.section-title>b small{display:block;margin-top:4px;font-size:10px;line-height:1.4;font-weight:400;color:#89909e}.mobile-design-preview .dashboard-page .catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;margin:0 0 12px}.mobile-design-preview .dashboard-page .catalog-intro>div>b{font-size:16px;line-height:1.4;font-weight:600;color:#20232c}.mobile-design-preview .dashboard-page .catalog-intro>button{font-size:11px;line-height:1.4;padding:8px 0;min-height:36px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#4967ff;white-space:nowrap}.mobile-design-preview .dashboard-page .today-card>.section-title{display:none;margin:0;padding:0}.mobile-design-preview .lesson-shell>.eyebrow{display:block;width:100%;text-align:center}.mobile-design-preview .lesson-shell>.en-title,.mobile-design-preview .lesson-shell>h1{text-align:center}.mobile-design-preview .lesson-progress,.mobile-design-preview .lesson-progress>div{border:0;box-shadow:none;background:transparent}.mobile-design-preview .lesson-progress{margin-bottom:18px;padding-bottom:0}.mobile-design-preview .lesson-shell>.eyebrow{font-family:var(--font-ui);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.025em;margin:0 0 7px;padding:0}.mobile-design-preview .lesson-shell>h1{font-family:var(--font-ui);font-size:23px;font-weight:650;line-height:1.3;letter-spacing:-.025em;margin:0 0 5px;padding:0}.mobile-design-preview .lesson-shell>.en-title{font-family:var(--font-ui)!important;font-size:13px;font-weight:400;font-style:normal;line-height:1.45;letter-spacing:0;margin:0 0 16px;padding:0}.mobile-design-preview .lesson-shell>.context{margin:0 0 16px;padding:13px 14px;border-radius:13px}.mobile-design-preview .context>b{font-family:var(--font-ui);font-size:12px;line-height:1.4;margin:0 0 5px}.mobile-design-preview .context>p{font-family:var(--font-ui);font-size:13px;line-height:1.6;margin:0;letter-spacing:0}.mobile-design-preview .round-content.listening-compact{display:block;padding:14px;border:0;border-radius:16px;background:#fff}.mobile-design-preview .listening-compact .listening-top{margin:0 0 12px;gap:8px;align-items:center}.mobile-design-preview .listening-compact .listening-selects select,.mobile-design-preview .listening-compact .listening-top>span{font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:1.4}.mobile-design-preview .listening-compact .listening-selects select{min-height:36px;padding:8px;border-radius:9px}.mobile-design-preview .listening-compact .play{min-height:124px;padding:18px 14px;gap:14px;border:0;border-radius:14px;justify-content:flex-start;background:#202126}.mobile-design-preview .listening-compact .play>span{width:48px;height:48px;flex:0 0 48px}.mobile-design-preview .listening-compact .play>div{display:block;flex:1 1;min-width:0}.mobile-design-preview .listening-compact .play b{font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0}.mobile-design-preview .listening-compact .play small{font-family:var(--font-ui);font-size:11px;line-height:1.4;margin:5px 0 0;color:#aeb0ba}.mobile-design-preview .listening-compact .listening-wave{display:flex;width:100%;height:24px;margin:10px 0 0;gap:3px;justify-content:space-between}.mobile-design-preview .listening-compact .listening-wave i{max-height:24px;width:3px;background:#b8b5ff}.mobile-design-preview .listening-compact .line-replay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0;padding:0}.mobile-design-preview .listening-compact .line-replay button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 4px;gap:5px;border:0;border-radius:9px;background:#f3f5fa;font-family:var(--font-ui);font-size:12px;line-height:1.4}.mobile-design-preview .listening-compact>.primary{width:100%;min-height:46px;margin:12px 0 0;padding:12px;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.4;border-radius:11px}.mobile-design-preview .round-content.reading{width:100%;max-width:none;min-width:0;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.mobile-design-preview .reading .dialogue-row{width:100%;box-sizing:border-box;margin:0 0 12px;padding:14px 16px;border:0;box-shadow:none;background:#fff;border-radius:14px;overflow:hidden;gap:7px}.mobile-design-preview .reading .dialogue-row>div+div,.mobile-design-preview .reading .dialogue-row>div:first-child{margin:0;padding:0;border:0;box-shadow:none;background:transparent}.mobile-design-preview .reading .dialogue-row>div:first-child p{font-family:var(--font-ui);font-size:15px;font-weight:500;line-height:1.55;letter-spacing:-.01em;margin:0}.mobile-design-preview .reading .dialogue-row>div+div p{font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;margin:0}.mobile-design-preview .reading .reading-speaker{margin:-14px -16px 10px;width:calc(100% + 32px);padding:8px 16px;min-height:42px;border-radius:0}.mobile-design-preview .reading .reading-speaker>b{font-size:12px}.mobile-design-preview .reading .reading-speaker .reading-line-play svg{width:18px;height:18px}.mobile-design-preview .round-content.roleplay{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;gap:12px}.mobile-design-preview .roleplay .roleplay-intro{padding:0;margin:0 0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;gap:8px}.mobile-design-preview .roleplay-intro>span{font-size:18px}.mobile-design-preview .roleplay-intro h3{font-size:14px;font-weight:600;line-height:1.45}.mobile-design-preview .roleplay-steps{gap:8px;margin:0}.mobile-design-preview .roleplay-steps>span{border:0;box-shadow:none;background:transparent;border-radius:10px;padding:10px 5px}.mobile-design-preview .roleplay-steps>span.current{background:#ecefff;border:0;box-shadow:none}.mobile-design-preview .roleplay-steps>span.done{background:#edf6f2;border:0}.mobile-design-preview .roleplay-steps>span>i{border:0;background:#e9ecf2;color:#89909e}.mobile-design-preview .roleplay-steps>span.current>i{background:#4967ff;color:#fff}.mobile-design-preview .roleplay-steps>span.done>i{background:#24a77b;color:#fff}.mobile-design-preview .roleplay .roleplay-turn{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}.mobile-design-preview .roleplay-turn>small{font-size:10px;line-height:1.4;letter-spacing:.04em}.mobile-design-preview .roleplay .roleplay-turn h3{font-size:17px;line-height:1.45;margin:6px 0 10px}.mobile-design-preview .roleplay .roleplay-translation-hint{padding:0;margin:0 0 12px;border:0;border-radius:0;box-shadow:none;background:transparent}.mobile-design-preview .roleplay-translation-hint>span{font-size:11px;line-height:1.4;margin-bottom:4px}.mobile-design-preview .roleplay-translation-hint>p{font-size:14px;line-height:1.55;margin:0}.mobile-design-preview .roleplay-privacy{margin-top:10px;padding:0;border:0;background:transparent;font-size:10px;line-height:1.5}.mobile-design-preview .roleplay .round-actions{padding:0;border:0;margin-top:14px}.mobile-design-preview .roleplay .roleplay-translation-hint>span,.mobile-design-preview .roleplay .roleplay-turn>h3{display:none}.mobile-design-preview .roleplay .roleplay-translation-hint{margin-top:8px}.mobile-design-preview .roleplay .roleplay-translation-hint>p:before{content:"中文：";color:#4967ff;font-weight:600;content:none}.mobile-design-preview .roleplay .roleplay-turn>small:after{content:" · 中文";color:#4967ff;font-weight:600;letter-spacing:0}.mobile-design-preview .round-content.spelling{padding:0 0 max(24px,var(--spelling-keyboard-space,0px));margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.mobile-design-preview .spelling>.spell-intro{padding:0;margin:0 0 14px;background:transparent;border:0;border-radius:0;gap:8px}.mobile-design-preview .spelling>.spell-intro>span{font-size:18px}.mobile-design-preview .spelling>.spell-intro h3{font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.5}.mobile-design-preview .spelling .sentence-spell-field{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin:0 0 12px;border:0;border-radius:14px;background:#fff;box-shadow:none;min-height:0}.mobile-design-preview .spelling .sentence-spell-field>header{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:0;margin:0;background:transparent;border:0;min-height:0}.mobile-design-preview .spelling .sentence-spell-field>header>i{font-family:var(--font-ui);font-size:11px;line-height:1.5;padding-top:1px;color:#89909e}.mobile-design-preview .spelling .sentence-spell-field>header small{display:block;font-family:var(--font-ui);font-size:10px;font-style:normal;line-height:1.4;letter-spacing:0;color:#4967ff;margin:0 0 4px}.mobile-design-preview .spelling .sentence-spell-field>header b{display:block;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.55;margin:0}.mobile-design-preview .sentence-word-fields{display:flex;flex-wrap:wrap;gap:8px 6px;align-items:flex-start;margin:0;padding:0;min-height:0}.mobile-design-preview .sentence-word-fields>label{gap:4px;margin:0;padding:0}.mobile-design-preview .sentence-word-fields .spelling-word-control{height:38px}.mobile-design-preview .sentence-word-fields .spelling-word-control input,.mobile-design-preview .sentence-word-fields .spelling-word-measure{font:400 16px/1.4 Arial,sans-serif;padding:0 7px;letter-spacing:normal}.mobile-design-preview .sentence-word-fields .spelling-word-control input{height:38px;border:1px solid #dfe3ec;border-radius:6px;background:#f8f9fb}.mobile-design-preview .sentence-word-fields .focus-word .spelling-word-control input,.mobile-design-preview .sentence-word-fields .focus-word .spelling-word-measure{font-weight:700}.mobile-design-preview .sentence-word-fields label.wrong .spelling-word-control input{color:#a54b43}.mobile-design-preview .sentence-word-fields label.correct .spelling-word-control input{color:var(--green)}.mobile-design-preview .sentence-word-fields .sentence-punctuation{padding-top:8px;line-height:1.4;font-size:16px}.mobile-design-preview .sentence-word-fields .spelling-word-preview,.mobile-design-preview .sentence-word-fields label>small{font-size:12px;line-height:1.4}.mobile-design-preview .spelling .round-actions{margin-top:14px}.mobile-design-preview .sentence-word-fields .spelling-word-control input{background:transparent;border:0;border-bottom:1px solid #aab2c3;border-radius:0;padding:0 7px}.mobile-design-preview .sentence-word-fields .focus-word .spelling-word-control input{border-bottom:2px solid #4967ff}.mobile-design-preview .sentence-word-fields .spelling-word-control input:focus{outline:0;border-bottom:2px solid #4967ff;background:#f4f6ff}.mobile-design-preview .sentence-word-fields label.wrong .spelling-word-control input{border-bottom-color:#b34f47}.mobile-design-preview .sentence-word-fields label.correct .spelling-word-control input{border-bottom-color:var(--green)}.mobile-design-preview .chunk-card>h2{margin:-18px -16px 12px;padding:13px 16px;font-size:19px;border-radius:0}.mobile-design-preview .chunk-card>.chunk-meaning{margin:0 0 12px}.mobile-design-preview .chunk-card>h2{margin:-18px -16px 0;padding:13px 16px 4px;background:#4967ff}.mobile-design-preview .chunk-card>.chunk-meaning{padding:0 16px 13px;background:#4967ff;color:#eef1ff;font-size:13px}.mobile-design-preview .chunk-notes-page{padding-top:16px}.mobile-design-preview .chunk-notes-page>.eyebrow{font-size:11px;font-weight:500;letter-spacing:0;line-height:1.45;color:#89909e}.mobile-design-preview .chunk-notes-page>h1{font-family:var(--font-ui);font-size:22px;font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:6px 0 18px}.mobile-design-preview .chunk-card-list{gap:16px}.mobile-design-preview .chunk-card{padding:16px;border:0;border-radius:16px;box-shadow:0 3px 14px #20232c03;background:#fff;overflow:hidden}.mobile-design-preview .chunk-card>h2{margin:-16px -16px 0;padding:14px 16px 4px;background:#eef0f4;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:#20232c}.mobile-design-preview .chunk-card>.chunk-meaning{margin:0 -16px;padding:0 16px 14px;background:#eef0f4;font-size:12px;font-weight:400;line-height:1.5;color:#687080}.mobile-design-preview .chunk-examples{margin:0;padding:0;border:0}.mobile-design-preview .chunk-examples li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:16px 0 0}.mobile-design-preview .chunk-examples li+li{padding-top:18px}.mobile-design-preview .chunk-example-number{display:grid;place-items:center;width:20px;height:20px;padding:0;margin-top:2px;border-radius:6px;background:#ecefff;color:#6475bd;font-family:var(--font-ui);font-size:9px;font-weight:600;line-height:1;letter-spacing:0}.mobile-design-preview .chunk-examples p[lang=en]{font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.55;letter-spacing:-.01em;margin:0;color:#20232c}.mobile-design-preview .chunk-examples strong{font-weight:600;color:#4967ff}.mobile-design-preview .chunk-examples p[lang=zh-CN]{font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.55;letter-spacing:0;margin:5px 0 0;color:#7b8290}.mobile-design-preview .chunk-card .chunk-note{margin-top:14px;padding:10px 12px;background:#f3f5fa;font-size:12px;line-height:1.5;border-radius:9px}.mobile-design-preview .chunk-notes-actions{margin-top:18px}.mobile-design-preview .chunk-card>h2{background:#202126;color:#fff}.mobile-design-preview .chunk-card>.chunk-meaning{background:#202126;color:#b8bbc6}.mobile-design-preview .review-page .review-shell{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}.mobile-design-preview .review-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 16px;padding:0;background:transparent;border:0;border-radius:0}.mobile-design-preview .review-heading h2{font-family:var(--font-ui);font-size:23px;font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:0}.mobile-design-preview .review-heading>b{font-family:var(--font-ui);font-size:23px;font-weight:600;line-height:1.3;text-align:right;color:#20232c}.mobile-design-preview .review-heading>b small{display:block;font-family:var(--font-ui);font-size:10px;font-weight:400;color:#89909e;line-height:1.4;margin-top:3px}.mobile-design-preview .review-mark-guide{grid-column:1/-1;padding:10px 12px;margin:0;border:0;background:#eef1f8;border-radius:10px}.mobile-design-preview .review-mark-guide p{font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.55;margin:0;color:#737b8b}.mobile-design-preview .review-fields{display:grid}.mobile-design-preview .review-field{display:grid;grid-template-columns:minmax(0,1fr);position:relative;gap:12px;padding:16px;margin:0;border:0;border-radius:14px;background:#fff;box-shadow:none;text-align:left}.mobile-design-preview .review-field>span:first-child{grid-column:1;display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 8px;padding:0;width:100%;min-width:0}.mobile-design-preview .review-field>span:first-child>i{grid-column:1;grid-row:1;font-family:var(--font-ui);font-size:10px;line-height:1.4;font-style:normal;color:#89909e;padding:0;margin:0}.mobile-design-preview .review-field>span:first-child>small{grid-column:2;grid-row:1;font-family:var(--font-ui);font-size:10px;font-weight:400;line-height:1.4;padding-right:66px;color:#89909e;margin:0}.mobile-design-preview .review-field>span:first-child>b{grid-column:1/-1;grid-row:2;font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.6;color:#20232c;margin:3px 0 0;white-space:pre-line;letter-spacing:0}.mobile-design-preview .review-field>.review-mark-controls{position:absolute;top:9px;right:10px;display:flex;align-items:center;gap:0;grid-column:auto;grid-row:auto;width:auto;padding:0}.mobile-design-preview .review-mark-controls button{position:relative;width:32px;height:30px;min-width:32px;min-height:30px;background:transparent!important;border:0;border-radius:6px;opacity:1;box-shadow:none!important}.mobile-design-preview .review-mark-controls button:before{content:"";position:absolute;left:9px;top:8px;width:14px;height:14px;border-radius:50%;opacity:.6;background:#ef695f}.mobile-design-preview .review-mark-controls button.easy:before{background:#36b47e}.mobile-design-preview .review-mark-controls button.selected:before{opacity:1;outline:1px solid currentColor;outline-offset:3px}.mobile-design-preview .review-field>input{grid-column:1;width:100%;height:42px;min-height:42px;font-family:var(--font-ui);font-size:16px;font-weight:400;line-height:1.4;padding:9px 11px;margin:0;background:#f8f9fb;border:1px solid #e5e8ee;border-radius:9px;color:#20232c}.mobile-design-preview .review-field>input::placeholder{font-size:12px;color:#a1a7b3}.mobile-design-preview .review-field>em{grid-column:1;font-size:12px;font-style:normal;line-height:1.5}.mobile-design-preview .review-field.correct{background:#f3faf6}.mobile-design-preview .review-field.wrong{background:#fff6f4}.mobile-design-preview .review-shell>.primary{margin-top:16px;width:100%}.mobile-design-preview .review-fields{grid-template-columns:minmax(0,1fr);margin:0;gap:12px}.mobile-design-preview .review-field{row-gap:12px}.mobile-design-preview .review-field>span:first-child>b{line-height:1.55;margin-top:3px}.mobile-design-preview .review-shell>.primary{margin:16px 0 0;line-height:1.4}.mobile-design-preview .review-mark-controls button.hard{color:#f39a38}.mobile-design-preview .review-mark-controls button.easy{color:#4967ff}.mobile-design-preview .review-mark-controls button.hard:before,.mobile-design-preview .review-mark-guide .hard-dot{background:#f39a38}.mobile-design-preview .review-mark-controls button.easy:before,.mobile-design-preview .review-mark-guide .easy-dot{background:#4967ff}.mobile-design-preview .listening-compact .line-replay:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-design-preview .roleplay-steps.four-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-design-preview .roleplay-steps.four-lines>span{min-width:0;padding:12px 8px}.mobile-design-preview .roleplay-steps.four-lines b{font-size:13px;line-height:1.5;white-space:nowrap;letter-spacing:0}.mobile-design-preview .summary-page .celebrate{background:#f3a33c;color:#fff}.mobile-design-preview .terms-hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 16px;margin:0;background:transparent;border:0;border-radius:0}.mobile-design-preview .terms-hero h1{font-size:22px;margin:0;line-height:1.35}.mobile-design-preview .terms-hero>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.mobile-design-preview .terms-hero>div:last-child b{font-family:var(--font-ui);font-size:24px;line-height:1.2;color:#4967ff}.mobile-design-preview .terms-hero>div:last-child small{font-size:10px;color:#89909e}.mobile-design-preview .terms-toolbar{margin:0;padding:0;background:none;border:0}.mobile-design-preview .term-categories{display:flex;gap:6px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}.mobile-design-preview .term-categories button{flex-shrink:0;min-height:32px;padding:7px 12px;border:0;border-radius:9px;background:#eef0f4;font-family:var(--font-ui);font-size:12px;line-height:1.4;color:#737b89;white-space:nowrap}.mobile-design-preview .term-categories button.active{background:#202126;color:#fff}.mobile-design-preview .terms-result{display:flex;align-items:baseline;gap:5px;margin:12px 0;font-size:11px;line-height:1.5;color:#89909e}.mobile-design-preview .terms-result b{font-size:13px;font-weight:600;color:#4967ff}.mobile-design-preview .terms-result small{font-size:10px}.mobile-design-preview .term-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0}.mobile-design-preview .term-card{height:auto;min-height:0;padding:0;margin:0;border:0;background:transparent;perspective:none;text-align:left}.mobile-design-preview .term-card-inner,.mobile-design-preview .term-card.flipped .term-card-inner{height:auto;transform:none;transition:none}.mobile-design-preview .term-back,.mobile-design-preview .term-front{position:static;inset:auto;padding:18px;transform:none;border:0;border-radius:14px;box-shadow:none;backface-visibility:visible}.mobile-design-preview .term-front{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#fff}.mobile-design-preview .term-front small{align-self:flex-start;padding:0;background:none;border-radius:0;font-size:10px;font-weight:500;line-height:1.4;color:#4967ff}.mobile-design-preview .term-front b{margin:2px 0 0;font-family:var(--font-ui);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#202126}.mobile-design-preview .term-front em{margin:0;font-size:13px;line-height:1.5;color:#7b8290}.mobile-design-preview .term-front i{align-self:flex-end;margin:2px 0 0;font-size:10px;font-style:normal;line-height:1.4;color:#9aa1ad}.mobile-design-preview .term-back,.mobile-design-preview .term-card.flipped .term-front{display:none}.mobile-design-preview .term-card.flipped .term-back{display:flex;overflow:visible;background:#202126}.mobile-design-preview .term-back>b{font-size:19px;line-height:1.4;margin:6px 0 12px}.mobile-design-preview .term-example em,.mobile-design-preview .term-note i{font-size:13px;line-height:1.6}.mobile-design-preview .term-example i{font-size:12px;line-height:1.6}.mobile-design-preview .term-back u{margin-top:16px}.mobile-design-preview .records-page .record-stats{display:none}.mobile-design-preview .approved-daily-term{display:block;width:100%;border:0;text-align:left;font-family:var(--font-ui);cursor:pointer}.mobile-design-preview .approved-daily-term .approved-quote-head{display:flex}.mobile-design-preview .approved-daily-term .approved-quote-head i{margin-left:auto;color:#b8b5ff;font-size:18px;font-style:normal}.mobile-design-preview .approved-daily-term>strong{display:block;font-size:28px;font-weight:600;line-height:1.25;margin:4px 0 5px;letter-spacing:-.02em}.mobile-design-preview .approved-term-full{display:block;font-size:14px;line-height:1.45;color:#e1e2e7}.mobile-design-preview .approved-term-meaning{display:block;font-size:13px;line-height:1.5;color:#aeb0ba;margin-top:5px}.mobile-design-preview .dashboard-page .dashboard-hero.course-hero:has(>div:only-child){display:none}.mobile-design-preview .approved-term-example{display:grid;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid #ffffff16}.mobile-design-preview .approved-term-example>span[lang=en]{font-size:13px;font-weight:400;line-height:1.55;color:#e1e2e7}.mobile-design-preview .approved-term-example>span[lang=zh-CN]{font-size:12px;font-weight:400;line-height:1.55;color:#aeb0ba}.mobile-design-preview .approved-daily-term{padding:13px 16px}.mobile-design-preview .approved-daily-term .approved-quote-head{margin-bottom:10px}.mobile-design-preview .approved-term-main{display:flex;align-items:center;gap:16px;min-width:0}.mobile-design-preview .approved-term-main>strong{flex-shrink:0;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.mobile-design-preview .approved-term-main>span{min-width:0}.mobile-design-preview .approved-term-main .approved-term-full{font-size:13px;line-height:1.4}.mobile-design-preview .approved-term-main .approved-term-meaning{font-size:12px;line-height:1.4;margin-top:3px}.mobile-design-preview .approved-daily-term .approved-term-example{margin-top:10px;padding-top:9px;gap:3px}.mobile-design-preview .spelling-page-progress{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0;font-family:var(--font-ui)}.mobile-design-preview .spelling-page-progress b{font-size:13px;line-height:1.5;font-weight:600;color:#4967ff;white-space:nowrap}.mobile-design-preview .spelling-page-progress span{font-size:11px;line-height:1.5;color:#89909e;text-align:right}.mobile-design-preview .review-hero{padding:0;margin:0 0 18px;background:transparent;color:#202126;border:0;border-radius:0}.mobile-design-preview .review-hero h1{font-family:var(--font-ui);font-size:23px;font-weight:650;line-height:1.4;margin:7px 0 9px;letter-spacing:-.025em}.mobile-design-preview .review-hero h1 em{color:#4967ff;font-style:normal}.mobile-design-preview .review-hero p{font-size:12px;line-height:1.6;color:#7b8290;margin:0}.mobile-design-preview .review-shell>.assessment-question{padding:16px;margin:12px 0 0;border:0;border-radius:14px;background:#fff}.mobile-design-preview .review-shell>.assessment-question h2{font-family:var(--font-ui);font-size:16px;line-height:1.5;font-weight:600;margin:7px 0 12px}.mobile-design-preview .review-shell .assessment-options{display:grid;gap:8px}.mobile-design-preview .review-shell .assessment-options button{min-height:42px;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}.mobile-design-preview .review-prompt{font-size:13px;line-height:1.65;color:#687080;margin:0 0 14px}.mobile-design-preview .review-submit-hint{font-size:11px;line-height:1.55;color:#89909e;margin:14px 0 0}.mobile-design-preview .review-audio-result{width:100%;margin-top:12px}