:root{color:#1f2926;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f7f8f4;--paper-deep:#ebeeea;--ink:#1f2926;--muted:#56615d;--line:#dfe4df;--vermilion:#a93c2f;--vermilion-dark:#96372b;--jade:#2f7259;--white:#fff;--shadow:0 14px 40px #1f292614;background:#f5f6f2;font-family:Inter,Avenir Next,Noto Sans CJK SC,PingFang SC,sans-serif}*{box-sizing:border-box}html{background:#f5f6f2;min-width:320px}body{background:#f5f6f2;min-width:320px;min-height:100vh;margin:0}body:before{pointer-events:none;z-index:20;opacity:.045;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit}button{color:inherit;min-height:44px}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--vermilion);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Inter,Avenir Next,Noto Sans CJK SC,sans-serif}.chinese-display,[lang=zh-Hans]{font-family:Noto Sans CJK SC,PingFang SC,sans-serif}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:11px 14px;text-decoration:none;transition:transform .15s;position:fixed;top:12px;left:18px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:224px minmax(560px,780px) 284px;justify-content:center;gap:0;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f4e6;flex-direction:column;align-self:start;min-height:100vh;padding:28px 22px 26px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand>div:last-child{align-items:baseline;gap:7px;display:flex}.brand strong{letter-spacing:-.6px;font-size:21px}.brand span{color:var(--muted);font-size:12px}.brand-mark{background:var(--vermilion);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-mark svg{fill:none;stroke:#fff8eb;stroke-width:3px;stroke-linecap:round;width:27px}.main-nav{flex-direction:column;gap:6px;margin-top:48px;display:flex}.main-nav button{color:#68736f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:46px;padding:11px 13px;transition:background .15s,color .15s;display:flex}.main-nav button:hover{color:var(--ink);background:#edf0ec}.main-nav button:active{background:#e4e8e3}.main-nav button.is-active{color:var(--vermilion);box-shadow:0 5px 16px #1f29260f, inset 3px 0 0 var(--vermilion);background:#fff}.main-nav button span{font-size:14px;font-weight:650}.sidebar-foot{margin-top:auto}.sidebar-foot>p{color:#66706c;margin:16px 5px 0;font:12px/1.6 Iowan Old Style,serif}.language-picker{border:1px solid var(--line);background:#ffffffb8;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px;display:flex;position:relative}.language-picker select{width:100%;min-height:42px;color:var(--ink);appearance:none;cursor:pointer;background:0 0;border:0;outline:0;font-size:13px}.language-picker>svg:last-child{pointer-events:none;color:var(--muted);position:absolute;right:10px;transform:rotate(90deg)}.main-content{background:#fbfcf9e6;min-height:100vh}.main-content:focus{outline:none}.page{min-height:100vh;padding:52px 50px 80px}.page-heading{max-width:650px;margin-bottom:30px}.page-heading h1{letter-spacing:-2px;margin-bottom:14px;font-size:clamp(36px,4vw,48px);font-weight:720;line-height:1.02}.page-heading>p:last-child{max-width:580px;color:var(--muted);font-size:15px;line-height:1.65}.eyebrow{color:var(--vermilion);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;line-height:1.2}.progress-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;padding:17px 22px 5px;position:relative;overflow:hidden}.progress-ribbon__copy{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-ribbon__copy strong{color:var(--ink);font-size:13px}.tone-rail{width:100%;position:relative}.tone-rail svg{width:100%;height:auto;display:block;overflow:visible}.tone-grid{fill:none;stroke:#d7d0c4;stroke-width:1px;stroke-dasharray:3 8}.tone-line{fill:none;stroke:var(--vermilion);stroke-width:4.5px;stroke-linecap:round;filter:drop-shadow(0 4px 4px #b33a2b21);stroke-dasharray:720;animation:1.2s cubic-bezier(.3,.7,.2,1) both draw-line}.tone-user-line{fill:none;stroke:var(--jade);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:7 7}.tone-labels{text-align:center;color:#97958c;grid-template-columns:repeat(4,1fr);font:10px/1 ui-monospace,monospace;display:grid;position:absolute;bottom:3px;left:0;right:0}.tone-rail--compact{height:72px;margin-top:-4px;overflow:hidden}.tone-rail--compact svg{margin-top:-5px}.tone-rail--compact .tone-labels{bottom:0}.mission-card{border:1px solid var(--line);min-height:390px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:26px 28px 28px;position:relative;overflow:hidden}.mission-card:before{background:linear-gradient(90deg, var(--vermilion) 0 42%, #e6e9e5 42%);content:"";height:4px;position:absolute;top:0;left:0;right:0}.mission-card__top{z-index:2;color:var(--muted);letter-spacing:1.4px;align-items:center;gap:10px;margin-bottom:24px;font-size:10px;font-weight:800;display:flex;position:relative}.mission-index{width:30px;height:30px;color:var(--vermilion);background:#f5e6e3;border-radius:8px;place-items:center;font:800 10px/1 ui-monospace,monospace;display:grid}.time-chip{letter-spacing:0;align-items:center;gap:5px;margin-left:auto;font-weight:600;display:flex}.mission-card h2{z-index:2;max-width:500px;margin-bottom:9px;font-size:clamp(25px,3.4vw,34px);line-height:1.15;position:relative}.mission-card>p{z-index:2;max-width:520px;color:var(--muted);font-size:14px;line-height:1.6;position:relative}.mission-visual{width:112px;height:112px;color:var(--vermilion);background:#f4eadc;border:1px solid #d7cabb;border-radius:50%;place-items:center;font:50px/1 Noto Serif SC,Songti SC,serif;display:grid;position:absolute;top:62px;right:33px}.steam{background:#c7bcae;width:1px;height:28px;position:absolute;top:-17px;transform:rotate(13deg)}.steam-1{left:42px}.steam-2{height:21px;top:-10px;left:66px}.target-phrase{z-index:2;border:1px solid var(--line);background:#f7f8f5;border-radius:11px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-height:82px;margin-top:20px;padding:13px;display:grid;position:relative}.phrase-audio{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.phrase-audio:hover{background:#35423e}.target-phrase__copy>span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.target-phrase__copy strong{font-size:clamp(21px,3vw,27px);font-weight:650;line-height:1.2;display:block}.target-phrase__copy small{color:var(--vermilion);margin-top:5px;font:12px/1.3 ui-monospace,monospace;display:block}.pinyin-toggle{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:11px;font-weight:700}.pinyin-toggle[aria-pressed=true]{color:var(--vermilion);background:#fff5f3;border-color:#c8a19a}.primary-button,.secondary-button{z-index:2;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative}.primary-button{color:#fff;background:var(--vermilion);border:0;box-shadow:0 9px 20px #b9443530}.primary-button:hover{background:var(--vermilion-dark);transform:translateY(-2px);box-shadow:0 14px 28px #b33a2b42}.primary-button:disabled{box-shadow:none;cursor:not-allowed;background:#c9c3b8;transform:none}.secondary-button{color:var(--ink);background:0 0;border:1px solid #cbbfb0}.mission-card .primary-button,.mission-card .secondary-button{margin-top:16px}.mission-card--complete{background:#f0f3e9;border-color:#cad4c6;min-height:295px}.mission-card--complete .mission-index{background:var(--jade)}.mission-card--complete .chinese-display{color:var(--jade);font-size:34px}.today-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;display:grid}.learning-loop{grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.learning-loop li{border:1px solid var(--line);min-height:54px;color:var(--muted);background:#fff;border-radius:10px}.learning-loop li button{width:100%;min-height:52px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:10px;display:flex}.learning-loop li button:disabled{cursor:default;opacity:.72}.learning-loop li button:not(:disabled):focus-visible{outline:3px solid color-mix(in srgb, var(--vermilion) 36%, transparent);outline-offset:2px}.learning-loop li button>span{background:#edf0ec;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.learning-loop li strong{font-size:11px;line-height:1.3}.learning-loop li.is-current{border-color:var(--vermilion);color:var(--ink)}.learning-loop li.is-current button>span{background:var(--vermilion);color:#fff}.learning-loop li.is-completed{color:var(--jade);background:#eef4ed}.commerce-center{border:1px solid var(--line);box-shadow:var(--shadow);background:#f8f5ef;border-radius:18px;margin-top:26px;padding:26px}.commerce-center>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.commerce-center>header h2{margin:3px 0 7px;font-size:24px}.commerce-center>header p:not(.eyebrow){max-width:610px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.access-seal{min-width:112px;min-height:76px;color:var(--muted);text-align:center;text-transform:uppercase;border:1px dashed #b8aea0;border-radius:50%;align-content:center;place-items:center;gap:5px;font-size:10px;font-weight:800;display:grid}.access-seal.is-active{border-color:var(--jade);color:var(--jade)}.commerce-grid{grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr);gap:14px;display:grid}.plan-card,.commerce-history article{background:#fff;border:1px solid #ddd4c7;border-radius:14px}.plan-card{padding:22px}.plan-card__status{color:var(--vermilion);margin-bottom:14px;font-size:12px;font-weight:750}.plan-card__status span,.plan-card li,.commerce-history h3{align-items:center;gap:7px;display:flex}.plan-card h3{margin:0 0 7px;font-size:21px}.plan-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.plan-card ul{color:#39433b;gap:8px;margin:17px 0;padding:0;font-size:13px;list-style:none;display:grid}.plan-card li svg{color:var(--jade)}.plan-price{align-items:baseline;gap:5px;margin:14px 0;display:flex}.plan-price strong{font:800 27px/1 ui-monospace,SFMono-Regular,monospace}.plan-price span{color:var(--muted);font-size:12px}.commerce-history{gap:14px;display:grid}.commerce-history article{padding:17px}.commerce-history h3{margin:0 0 13px;font-size:14px}.commerce-history article>p:not(.commerce-empty){gap:3px;margin:10px 0;display:grid}.commerce-history p span,.commerce-empty{color:var(--muted);font-size:12px}.commerce-notice{background:#fff0eb;border-radius:8px;padding:10px 12px;color:#8b2f25!important;margin-top:12px!important}.quiet-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:122px}.review-card{align-items:center;gap:14px;padding:20px;display:flex}.review-card>div:nth-child(2){flex:1}.review-card strong{margin-bottom:4px;font-size:14px;display:block}.review-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.card-icon{width:40px;height:40px;color:var(--vermilion);background:#f3e8e5;border-radius:10px;place-items:center;display:grid}.phrase-card{padding:18px 20px}.phrase-card strong{font:25px/1.2 Noto Serif SC,Songti SC,serif;display:block}.phrase-card span{color:var(--vermilion);margin-top:4px;font:11px/1.2 ui-monospace,monospace;display:block}.phrase-card>p:last-child{color:var(--muted);margin:7px 0 0;font-size:11px}.stage-list{flex-direction:column;gap:12px;display:flex}.stage-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:60px 1fr 60px;align-items:center;gap:16px;min-height:132px;padding:18px 20px;display:grid}.stage-card.is-current{box-shadow:var(--shadow);background:snow;border-color:#cda6a0}.stage-code{background:var(--paper-deep);border-radius:12px;place-items:center;width:50px;height:50px;font:700 15px/1 ui-monospace,monospace;display:grid}.is-current .stage-code{background:var(--vermilion);color:#fff}.stage-title-row{align-items:center;gap:9px;display:flex}.stage-title-row h2{margin:0;font-size:19px}.stage-title-row span{color:var(--vermilion);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.stage-copy>p{color:var(--muted);margin:6px 0 12px;font-size:12px}.stage-copy>.stage-chinese{color:#44504c;background:#edf0ec;border-radius:5px;margin:5px 0 0;padding:3px 7px;font-size:11px;font-weight:650;display:inline-block}.stage-progress{background:#e4ddd2;height:3px}.stage-progress span{background:var(--vermilion);height:100%;display:block}.stage-state{color:#a5a39a;justify-self:center}.stage-state span{color:var(--vermilion);font:700 12px/1 ui-monospace,monospace}.stage-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.stage-select:focus-visible{outline:2px solid var(--vermilion);outline-offset:7px;border-radius:4px}.course-catalog{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.course-catalog__heading{grid-template-columns:minmax(180px,.75fr) 1.25fr;align-items:end;gap:28px;margin-bottom:18px;display:grid}.course-catalog__heading h2{margin:3px 0 0;font-size:29px}.course-catalog__heading h2 small{color:var(--vermilion);text-transform:uppercase;font-size:12px;font-weight:800}.course-catalog__heading>p,.course-status{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-card{border:1px solid var(--line);min-height:118px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:32px 1fr 20px;align-items:start;gap:12px;padding:16px;transition:border-color .15s,transform .15s;display:grid}.course-card:hover{border-color:#cda6a0;transform:translateY(-1px)}.course-card:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.course-card.is-locked{color:#74736d;background:#fbfaf7}.course-card.is-locked:hover{border-color:#b8b5ab}.course-number{color:var(--vermilion);font:750 11px/1.4 ui-monospace,monospace}.course-card__copy{flex-direction:column;gap:6px;display:flex}.course-card__copy strong{font-size:14px;line-height:1.35}.course-tier{color:#52625b;vertical-align:2px;background:#edf0ec;border-radius:4px;margin-left:7px;padding:2px 5px;font:800 8px/1.2 ui-monospace,monospace;display:inline-block}.course-tier--premium{color:#765925;background:#f1e6d0}.course-card__copy small{color:var(--muted);font-size:10px;line-height:1.45}.course-card__copy em{color:var(--vermilion);letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:750}.paywall-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191f1cad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.paywall-dialog{text-align:center;background:#fffdf8;border:1px solid #ffffffb3;border-radius:16px;width:min(430px,100%);padding:34px;position:relative;box-shadow:0 24px 70px #141b1840}.paywall-dialog h2{margin:7px 0 10px;font-size:29px}.paywall-dialog>p:not(.eyebrow,.inline-status){color:var(--muted);margin:0 auto 22px;line-height:1.65}.paywall-dialog .primary-button{justify-content:center;width:100%}.paywall-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.paywall-close:hover{color:var(--ink);background:#f1eee7}.paywall-close:focus-visible{outline:2px solid var(--vermilion)}.paywall-seal{color:#765925;background:#f1e6d0;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.lesson-loading{min-height:100vh;color:var(--muted);text-align:center;place-content:center;gap:16px;display:grid}.practice-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.practice-card{border:1px solid var(--line);background:var(--white);border-radius:12px;flex-direction:column;min-height:365px;padding:22px;display:flex;overflow:hidden}.practice-art,.dialogue-art{background:#eee6d9;place-items:center;height:142px;margin:-22px -22px 25px;display:grid;overflow:hidden}.practice-art .tone-rail{width:88%;height:auto}.dialogue-art{background:#2f4438;position:relative}.dialogue-art:before{content:"";border:1px solid #ffffff26;border-radius:50%;width:150px;height:150px;position:absolute}.dialogue-art span{background:#fffaf0;border-radius:9px;padding:8px 12px;font:15px/1.2 Noto Serif SC,serif;position:absolute;box-shadow:0 9px 20px #00000029}.dialogue-art span:first-child{top:33px;left:28px}.dialogue-art span:last-child{color:#fff;background:#9e392d;bottom:27px;right:25px}.practice-card h2{margin-bottom:7px;font-size:25px}.practice-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55}.practice-card>button{border:0;border-top:1px solid var(--line);cursor:pointer;min-height:45px;color:var(--vermilion);background:0 0;justify-content:space-between;align-items:center;margin-top:auto;font-weight:750;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-bottom:30px;padding:0;display:flex}.back-icon{transform:rotate(180deg)}.voice-card{border:1px solid var(--line);text-align:center;background:var(--white);box-shadow:var(--shadow);border-radius:12px;padding:28px}.sound-button{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--vermilion);cursor:pointer;border-radius:50%}.voice-card .chinese-display{margin:25px 0 3px;font-size:clamp(32px,6vw,52px)}.pinyin{color:var(--vermilion);letter-spacing:1px;font:13px/1.4 ui-monospace,monospace}.voice-result{text-align:left;border-left:3px solid var(--jade);color:var(--jade);background:#edf2ea;align-items:flex-start;gap:10px;margin:10px 0 18px;padding:14px;display:flex}.voice-result p{margin:0}.voice-result strong,.voice-result span{display:block}.voice-result span{color:#66756d;margin-top:3px;font-size:12px;line-height:1.5}.record-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;display:flex}.record-button.is-recording{background:var(--vermilion);animation:1.5s infinite recording-pulse}.roleplay-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.roleplay-header h1{margin:0;font-size:40px}.roleplay-goal{max-width:220px;color:var(--muted);border:1px solid #cfc4b5;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.chat-window{border:1px solid var(--line);background:#fffdf8a6;border-radius:12px 12px 0 0;min-height:430px;padding:24px}.chat-row{margin-bottom:17px;display:flex}.chat-row>div{background:#ede5d8;border-radius:4px 12px 12px;max-width:75%;padding:12px 14px}.chat-row p{margin:0;font:17px/1.45 Noto Serif SC,serif}.chat-row button{width:44px;height:44px;color:var(--vermilion);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.chat-row--ai{gap:9px}.avatar{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font:13px/1 Noto Serif SC,serif;display:grid}.chat-row--user{justify-content:flex-end}.chat-row--user>div{background:var(--vermilion);color:#fff;border-radius:12px 4px 12px 12px}.reply-dock{border:1px solid var(--line);background:#eee6d9;border-top:0;padding:14px}.reply-dock>p{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:10px}.reply-dock button{background:var(--white);cursor:pointer;border:1px solid #d2c5b4;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 15px;font:16px/1 Noto Serif SC,serif;display:flex}.roleplay-success{border-left:3px solid var(--jade);color:var(--jade);background:#eaf1e8;gap:11px;padding:16px;display:flex}.roleplay-success p{color:#66756d;margin:4px 0 0;font-size:12px}.profile-card{border:1px solid var(--line);background:var(--white);min-height:290px;box-shadow:var(--shadow);border-radius:12px;grid-template-columns:170px 1fr;align-items:center;gap:34px;padding:28px;display:grid}.profile-stamp{border:2px solid var(--vermilion);width:150px;height:150px;box-shadow:inset 0 0 0 9px var(--white), inset 0 0 0 10px #d6c7b6;border-radius:50%;align-content:center;place-items:center;display:grid;transform:rotate(-4deg)}.profile-stamp span{color:var(--vermilion);font:48px/.9 Iowan Old Style,serif}.profile-stamp small{letter-spacing:2px;margin-top:7px}.skill-list{flex-direction:column;gap:18px;display:flex}.skill-row{grid-template-columns:72px 1fr 28px;align-items:center;gap:10px;font-size:12px;display:grid}.skill-row>div{background:#e5ded2;height:5px}.skill-row i{background:var(--vermilion);height:100%;display:block}.skill-row strong{font:700 11px/1 ui-monospace,monospace}.section-title{margin:30px 0 14px;font-size:22px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stats-grid article{border:1px solid var(--line);background:#fffdf88a;border-radius:12px;flex-direction:column;min-height:130px;padding:17px;display:flex}.stats-grid svg{color:var(--vermilion)}.stats-grid strong{margin-top:auto;font:30px/1 Iowan Old Style,serif}.stats-grid span{color:var(--muted);margin-top:5px;font-size:10px}.right-rail{border-left:1px solid var(--line);background:#f7f8f4e6;align-self:start;min-height:100vh;padding:32px 24px;position:sticky;top:0}.profile-mini{align-items:center;gap:10px;display:flex}.mini-avatar{color:#fff;background:#3b5145;border-radius:50%;place-items:center;width:38px;height:38px;font:17px/1 Iowan Old Style,serif;display:grid}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:12px}.profile-mini span{color:var(--muted);margin-top:3px;font-size:9px}.weekly-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-top:43px;padding:18px 0;display:flex}.weekly-ring{border:5px solid #ddd4c7;border-top-color:var(--vermilion);border-right-color:var(--vermilion);border-radius:50%;align-content:center;place-items:center;width:66px;height:66px;display:grid;transform:rotate(12deg)}.weekly-ring span,.weekly-ring small{transform:rotate(-12deg)}.weekly-ring span{font:25px/.8 Iowan Old Style,serif}.weekly-ring small{color:var(--muted);font-size:9px}.weekly-card strong{font-size:11px;line-height:1.4}.focus-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:24px;padding:19px}.focus-card h3{margin-bottom:8px;font:21px/1.2 Noto Serif SC,serif}.focus-card>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.55}.focus-card button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;display:flex}.right-rail blockquote{color:#5f625b;margin:45px 6px 0;font:17px/1.65 Noto Serif SC,serif}.right-rail blockquote>span:first-child{color:var(--vermilion);font:45px/.6 Iowan Old Style,serif;display:block}.right-rail blockquote footer{color:#66706c;margin-top:9px;font:10px/1.5 Avenir Next,sans-serif}.lesson-page{background:var(--paper);min-height:100vh}.lesson-topbar{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(200px,520px) 44px;justify-content:center;align-items:center;gap:18px;height:72px;padding:0 28px;display:grid}.lesson-topbar button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.lesson-progress{background:#ddd5c9;height:4px}.lesson-progress span{background:var(--vermilion);height:100%;transition:width .3s;display:block}.lesson-content{max-width:650px;margin:0 auto;padding:55px 30px 150px}.lesson-content>h1{letter-spacing:-2px;margin-bottom:38px;font-size:clamp(38px,6vw,58px)}.editorial-guide{border:1px solid var(--line);background:#faf9f6;border-radius:10px;margin:-22px 0 24px;padding:12px 14px}.editorial-guide summary{cursor:pointer;color:var(--vermilion);font-size:12px;font-weight:800}.editorial-guide p,.editorial-guide small{color:var(--muted);margin:9px 0 0;line-height:1.55;display:block}.editorial-guide div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.editorial-guide div strong{width:100%;font-size:11px}.editorial-guide div span{background:#fff;border-radius:6px;padding:5px 8px;font-size:13px}.waiter-question{align-items:flex-start;gap:12px;display:flex}.waiter-question>div{background:#e9e1d5;border-radius:4px 12px 12px;padding:15px 52px 14px 18px;position:relative}.waiter-question p{margin:0;font:25px/1.2 Noto Serif SC,serif}.waiter-question span{color:var(--muted);margin-top:4px;font:10px/1.2 ui-monospace,monospace;display:block}.waiter-question button{width:44px;height:44px;color:var(--vermilion);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:5px;right:5px}.question-prompt{margin:40px 0 14px;font-size:14px;font-weight:700}.answer-list{flex-direction:column;gap:9px;display:flex}.answer-list button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:56px;padding:0 17px;font:17px/1.3 Noto Serif SC,serif;display:flex}.answer-list button:hover{border-color:#bd9586}.answer-list button.is-selected{border-color:var(--vermilion);box-shadow:inset 3px 0 0 var(--vermilion);color:var(--vermilion)}.answer-feedback{border-left:3px solid var(--jade);color:var(--jade);background:#eaf1e8;gap:12px;margin-top:17px;padding:16px;display:flex}.answer-feedback>div{background:var(--jade);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.answer-feedback p{flex:1;margin:0}.answer-feedback strong,.answer-feedback span{display:block}.answer-feedback span{color:#65736b;margin-top:4px;font-size:12px;line-height:1.5}.lesson-footer{z-index:10;padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f4eced;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.lesson-completion-error{z-index:12;color:#8d3027;text-align:center;background:#fff0ed;border-radius:10px;width:min(560px,100% - 32px);margin:0;padding:12px 16px;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #4b1f1a24}.personal-phrase-library{border:1px solid var(--line);background:var(--white);border-radius:14px;margin-top:24px;padding:24px}.personal-phrase-library>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.personal-phrase-library>header h2{margin:4px 0 7px}.personal-phrase-library>header p:last-child,.personal-phrase-empty{color:var(--muted);margin:0;line-height:1.6}.personal-phrase-list{gap:10px;margin-top:20px;display:grid}.personal-phrase-list>article{border:1px solid var(--line);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.personal-phrase-copy{flex-direction:column;gap:4px;display:flex}.personal-phrase-copy strong{font:600 20px/1.35 Noto Serif SC,serif}.personal-phrase-copy small,.personal-phrase-copy p{color:var(--muted);margin:0}.personal-phrase-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.personal-phrase-actions button,.personal-phrase-edit button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:8px 10px;display:inline-flex}.personal-phrase-actions button:disabled{cursor:default;opacity:.62}.personal-phrase-actions button.is-confirm{color:#8d3027;background:#fff0ed;border-color:#a83d32}.personal-phrase-edit{grid-column:1/-1;gap:9px;display:grid}.personal-phrase-edit input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:11px 12px}.personal-phrase-edit>div{gap:7px;display:flex}.lesson-footer .primary-button{width:min(590px,100%)}.mobile-header,.mobile-nav{display:none}.reveal{animation:.5s cubic-bezier(.2,.7,.2,1) both reveal-up}.reveal-1{animation-delay:40ms}.reveal-2{animation-delay:.11s}.reveal-3{animation-delay:.18s}.reveal-4{animation-delay:.25s}.reveal-5{animation-delay:.32s}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{0%{stroke-dashoffset:720px}to{stroke-dashoffset:0}}@keyframes recording-pulse{50%{box-shadow:0 0 0 8px #b33a2b1f}}@media (width<=1180px){.app-shell{grid-template-columns:206px minmax(540px,760px)}.right-rail{display:none}}@media (width<=860px){.app-shell{display:block}.sidebar{display:none}.mobile-header{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f4f2;justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-header .brand-mark{width:32px;height:32px}.mobile-header .brand strong{font-size:20px}.mobile-header .language-picker{width:132px}.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page{min-height:calc(100vh - 66px);padding:38px max(20px,50vw - 360px) 54px}.commerce-grid{grid-template-columns:1fr}.mobile-nav{z-index:14;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf7f0f0;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-nav .main-nav{grid-template-columns:repeat(6,1fr);gap:0;height:67px;margin:0;display:grid}.mobile-nav .main-nav button{text-align:center;border-radius:0;flex-direction:column;justify-content:center;gap:4px;height:67px;padding:8px 4px 6px}.mobile-nav .main-nav button.is-active{box-shadow:inset 0 2px 0 var(--vermilion);background:0 0}.mobile-nav .main-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:88px;font-size:9px;overflow:hidden}}@media (width<=520px){.commerce-center{padding:19px}.commerce-center>header{display:block}.access-seal{border-radius:10px;justify-content:flex-start;min-width:0;min-height:0;margin-top:14px;padding:9px 12px;display:flex}.plan-card{padding:18px}}@media (width<=620px){.page{padding:30px 18px 44px}.page-heading{margin-bottom:24px}.page-heading h1{letter-spacing:-1.7px;font-size:39px}.mission-card{min-height:430px;padding:21px 20px 23px}.mission-card__top{margin-bottom:22px}.mission-card h2{font-size:27px}.target-phrase{grid-template-columns:44px 1fr;align-items:start}.pinyin-toggle{grid-column:1/-1;width:100%}.mission-card .primary-button,.mission-card .secondary-button{width:100%}.today-grid,.practice-grid,.stats-grid,.learning-loop{grid-template-columns:1fr}.quiet-card{min-height:112px}.practice-card{min-height:345px}.stage-card{grid-template-columns:48px 1fr 35px;gap:10px;padding:15px 13px}.stage-code{width:42px;height:42px}.stage-title-row h2{font-size:17px}.stage-copy>p{font-size:10px}.course-catalog__heading,.course-grid{grid-template-columns:1fr}.course-catalog__heading{gap:8px}.profile-card{grid-template-columns:1fr;justify-items:center;gap:28px;padding:25px 18px}.skill-list{width:100%}.roleplay-header{flex-direction:column;align-items:flex-start}.roleplay-goal{width:100%;max-width:none}.chat-window{min-height:390px;padding:17px 13px}.chat-row>div{max-width:84%}.voice-card{padding:22px 15px}.lesson-topbar{grid-template-columns:40px 1fr 40px;gap:9px;padding:0 12px}.lesson-content{padding:42px 18px 140px}}.travel-language-kit{background:#fffaf1;border:1px solid #d8cec0;border-radius:14px;min-width:0;max-width:100%;margin-top:18px;padding:23px;position:relative;box-shadow:0 12px 30px #1f29260f}.travel-language-kit__header{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.travel-language-kit__header h2{letter-spacing:-.6px;margin-bottom:7px;font-size:24px;line-height:1.16}.travel-language-kit__header>div:first-child>p:last-child{max-width:510px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.travel-language-kit__mark{width:52px;height:52px;color:var(--vermilion);border:1px dashed #b99f94;border-radius:50%;flex:none;align-content:center;place-items:center;display:grid;transform:rotate(5deg)}.travel-language-kit__mark span{margin-top:-3px;font:800 13px/1 Noto Serif SC,serif}.travel-toolbox{background:#ffffffa8;border:1px solid #ded4c8;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto;gap:9px;margin-top:18px;padding:10px;display:grid}.travel-search{min-height:42px;color:var(--muted);background:#fff;border:1px solid #cec1b3;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.travel-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.travel-toolbox__filters{align-items:center;gap:5px;display:flex}.travel-toolbox__filters button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4c8bb;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:9px;font-weight:760;display:inline-flex}.travel-toolbox__filters button[aria-pressed=true]{color:#842d24;background:#fff3ee;border-color:#842d24}.travel-toolbox__filters .offline-button{color:#315f50;border-color:#315f50}.travel-phases{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:20px;display:grid;position:relative}.travel-phases:before{content:"";background:#d4c8ba;height:1px;position:absolute;top:20px;left:7%;right:7%}.travel-phases button{color:#515a56;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-width:0;min-height:75px;padding:8px 4px 7px;font-size:9px;font-weight:780;line-height:1.15;display:flex;position:relative}.travel-phases button:before{content:"";background:#fffaf1;border:2px solid #c9bcad;border-radius:50%;width:14px;height:14px;position:absolute;top:14px}.travel-phases button small{z-index:2;color:#555d59;height:26px;font:750 8px/1 ui-monospace,monospace;position:relative}.travel-phases button>svg{z-index:2;opacity:0;margin-top:-22px;position:relative}.travel-phases button>span{margin-top:6px}.travel-phases button:hover{color:var(--ink);background:#ffffff8f}.travel-phases button[aria-pressed=true]{color:var(--vermilion);background:#f4e5df}.travel-phases button[aria-pressed=true]:before{border-color:var(--vermilion);background:var(--vermilion);box-shadow:0 0 0 4px #a93c2f1c}.travel-phases button[aria-pressed=true] small{color:#fff}.travel-phase-summary{border-left:3px solid var(--vermilion);background:#ffffff94;align-items:center;gap:11px;min-height:52px;margin:12px 0 9px;padding:10px 12px;display:flex}.travel-phase-summary strong{color:var(--vermilion);flex:none;font-size:11px}.travel-phase-summary span{color:var(--muted);font-size:10px;line-height:1.4}.travel-scenarios{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px;display:grid}.travel-scenarios button{color:#424b47;cursor:pointer;background:#ffffffd1;border:1px solid #d8cec0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:46px;padding:0 10px;font-size:11px;font-weight:750;transition:border-color .15s,background .15s,color .15s;display:flex}.travel-scenarios button:hover{color:var(--ink);background:#fff;border-color:#b9a69c}.travel-scenarios button[aria-pressed=true]{color:#fff;background:#852b22;border-color:#852b22}.travel-language-kit__context{align-items:baseline;gap:9px;margin:15px 0 8px;display:flex}.travel-language-kit__context span{color:var(--vermilion);letter-spacing:1px;text-transform:uppercase;font:800 9px/1 ui-monospace,monospace}.travel-language-kit__context p{color:var(--muted);margin:0;font-size:11px}.travel-phrase-list{flex-direction:column;gap:8px;display:flex}.travel-phrase{background:#fff;border:1px solid #e1d8cc;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:14px;display:grid}.travel-phrase__number{color:#5d635f;align-self:start;padding-top:4px;font:750 9px/1 ui-monospace,monospace}.travel-phrase__copy{min-width:0}.travel-phrase__copy>strong{color:var(--ink);font-size:clamp(20px,2.6vw,25px);font-weight:680;line-height:1.2;display:block}.travel-phrase__pinyin{color:var(--vermilion);margin-top:4px;font:11px/1.35 ui-monospace,monospace;display:block}.travel-phrase__copy>p{color:#3e4845;margin:9px 0 0;font-size:13px;line-height:1.45}.travel-phrase__copy>p small{color:#5b615d;letter-spacing:.7px;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:750;display:block}.travel-phrase__actions{flex-direction:column;align-items:stretch;gap:6px;width:105px;display:flex}.travel-phrase__actions button{cursor:pointer}.travel-phrase__favorite{color:#94725f;background:0 0;border:0;place-items:center;width:34px;min-height:30px;margin-left:auto;display:grid}.travel-phrase__favorite[aria-pressed=true]{color:var(--vermilion)}.travel-phrase__audio{background:var(--ink);color:#fff;border:0;border-radius:50%;place-items:center;width:44px;min-height:44px;margin-left:auto;display:grid}.travel-phrase__audio:hover{background:#35423e}.travel-phrase__show{min-height:36px;color:var(--ink);background:#fffaf1;border:1px solid #cfc4b6;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:750;line-height:1.15;display:inline-flex}.travel-phrase__show:hover{border-color:var(--vermilion);color:var(--vermilion)}.travel-language-kit--compact{padding:20px}.travel-language-kit--compact .travel-language-kit__header h2{font-size:21px}.travel-language-kit--compact .travel-language-kit__mark{width:46px;height:46px}.communication-card-backdrop{z-index:100;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101715c7;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.communication-card{width:min(680px,100%);min-height:min(640px,100vh - 36px);color:var(--ink);background:#fffdf8;border:0;border-radius:20px;flex-direction:column;padding:28px;display:flex;box-shadow:0 30px 80px #00000052}.communication-card>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.communication-card>header h2{margin-bottom:0;font-size:25px}.communication-card>header button{cursor:pointer;background:#fff;border:1px solid #d8cec0;border-radius:50%;place-items:center;width:46px;min-height:46px;display:grid}.communication-card__hint{color:var(--muted);margin:12px 0 0;font-size:13px}.communication-card__message{border-top:3px solid var(--vermilion);text-align:center;background:#fffaf1;border-bottom:1px solid #d8cec0;flex-direction:column;flex:1;justify-content:center;margin:25px 0;padding:36px 25px;display:flex}.communication-card__message strong{letter-spacing:.01em;font-size:clamp(42px,7vw,70px);font-weight:720;line-height:1.25}.communication-card__message>span{color:var(--vermilion);margin-top:14px;font:clamp(14px,2.2vw,19px)/1.45 ui-monospace,monospace}.communication-card__message>p{color:#3f4945;margin:30px 0 0;font-size:clamp(18px,2.8vw,26px);font-weight:650;line-height:1.4}.communication-card__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.communication-card__actions button{cursor:pointer;background:#fff;border:1px solid #cfc4b6;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:54px;font-weight:780;display:inline-flex}.communication-card__actions button:first-child{border-color:var(--vermilion);background:var(--vermilion);color:#fff}.communication-card__detail{text-align:left;width:min(480px,100%);margin:26px auto 0}.communication-card__detail span{color:#565f5b;margin-bottom:6px;font-size:11px;font-weight:750;display:block}.communication-card__detail input{width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cfc4b6;border-radius:8px;padding:0 13px}.communication-card__message .communication-card__detail-preview{color:#70271f;background:#f4e5df;border-radius:7px;margin-top:14px;padding:10px 15px;font-size:clamp(18px,3vw,28px);display:block}.communication-card__result{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.communication-card__result button{color:#394440;cursor:pointer;background:#fff;border:1px solid #d5cabd;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:45px;padding:6px 9px;font-size:11px;font-weight:720;display:inline-flex}.learner-tools{gap:14px;margin-top:26px;display:grid}.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:22px;box-shadow:0 10px 25px #1f29260b}.settings-card>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.settings-card>header h2{margin:2px 0 5px;font-size:24px}.settings-card>header p:last-child{max-width:560px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.settings-grid,.account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-grid label,.account-fields label{color:var(--muted);font-size:10px;font-weight:750}.settings-grid input,.settings-grid select,.account-fields input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d1c6ba;border-radius:8px;margin-top:6px;padding:0 11px;font:500 13px/1 inherit}.setting-toggles{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.setting-toggles label{background:#fff;border:1px solid #d8cec0;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.settings-card .primary-button{width:auto;min-height:45px}.account-actions,.social-actions,.privacy-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.account-actions button,.social-actions button,.privacy-actions button{min-height:43px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cec2b5;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-weight:720;display:inline-flex}.account-actions button:first-child{border-color:var(--vermilion);background:var(--vermilion);color:#fff}.social-actions button{flex:1;justify-content:center}.privacy-actions button:last-child{color:#9b3029}.inline-status{color:#315f50;margin:10px 0 0;font-size:12px}.lesson-activity-nav{grid-template-columns:repeat(6,1fr);gap:6px;max-width:760px;margin:20px auto;display:grid}.lesson-activity-nav button{color:#59625e;cursor:pointer;background:#fff;border:1px solid #d9d1c7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;padding:6px;font-size:9px;font-weight:720;display:flex}.lesson-activity-nav button span{background:#ebe6df;border-radius:50%;place-items:center;width:20px;height:20px;font:750 9px/1 ui-monospace,monospace;display:grid}.lesson-activity-nav button[aria-current=step]{border-color:var(--vermilion);color:var(--vermilion);background:#fff4ef}.lesson-activity-nav button:disabled{cursor:not-allowed;opacity:.45}.lesson-text-answer{display:block}.lesson-text-answer>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.lesson-text-answer input{width:100%;min-height:58px;color:var(--ink);background:#fff;border:1px solid #cfc5ba;border-radius:10px;padding:0 16px;font-size:19px}.lesson-text-answer textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink);background:#fff;border:1px solid #cfc5ba;border-radius:10px;padding:14px 16px;font:18px/1.55 Noto Serif SC,serif}.lesson-roleplay{gap:14px;display:grid}.lesson-roleplay .secondary-button{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:9px;justify-self:start;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.roleplay-local-reply{border-left:3px solid var(--vermilion);background:var(--paper-deep);padding:14px 16px}.roleplay-local-reply span{color:var(--muted);font-size:12px}.roleplay-local-reply p{margin:5px 0 0;font:20px/1.5 Noto Serif SC,serif}.lesson-options{z-index:30;border:1px solid var(--line);background:var(--white);border-radius:12px;gap:10px;width:min(260px,100vw - 32px);padding:12px;display:grid;position:fixed;top:62px;right:max(16px,50vw - 350px);box-shadow:0 16px 40px #2d231a24}.lesson-options label,.lesson-options button{align-items:center;gap:9px;min-height:42px;display:flex}.lesson-options button{background:var(--paper-deep);color:var(--ink);cursor:pointer;border:0;border-radius:8px;padding:0 10px}.account-session{background:var(--paper-deep);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px;display:flex}.account-session>div{gap:5px;display:grid}.account-session small,.account-session button{align-items:center;gap:6px;display:inline-flex}.account-session>div:last-child{justify-items:end}.account-session button,.account-reset button{border:1px solid var(--line);background:var(--white);min-height:38px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 12px}.account-link{color:var(--vermilion);cursor:pointer;background:0 0;border:0;margin-top:10px;text-decoration:underline}.account-link:disabled{color:var(--muted);cursor:not-allowed}.account-reset{border:1px solid var(--line);border-radius:12px;gap:10px;margin-bottom:16px;padding:16px;display:grid}.account-reset label{gap:6px;display:grid}.account-reset input{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}.ordering-answer{flex-wrap:wrap;gap:8px;display:flex}.ordering-target{border-bottom:2px solid var(--vermilion);width:100%;min-height:56px;padding:14px;font-size:22px}.ordering-answer button,.repeat-answer button{cursor:pointer;background:#fff;border:1px solid #d2c7bb;border-radius:8px;min-height:43px;padding:0 14px;font-size:16px}.repeat-answer{text-align:center;background:#fffaf1;border:1px solid #d8cec0;border-radius:12px;padding:22px}.repeat-answer p{margin:0 0 13px;font-size:30px}.repeat-answer button{align-items:center;gap:7px;display:inline-flex}.repeat-answer small{color:var(--muted);margin-top:10px;display:block}.answer-feedback.is-error{color:#8b3a25;background:#fff5e9;border-color:#d19a70}@media (width<=620px){.travel-language-kit{padding:18px 15px}.travel-language-kit__header{gap:12px}.travel-language-kit__header h2{font-size:21px}.travel-language-kit__header>div:first-child>p:last-child{font-size:11px}.travel-language-kit__mark{width:43px;height:43px}.travel-toolbox{grid-template-columns:1fr}.travel-toolbox__filters{flex-wrap:wrap}.travel-phases{overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;gap:5px;width:100%;padding:0 0 4px;display:flex;overflow-x:auto}.travel-phases:before{display:none}.travel-phases button{scroll-snap-align:start;background:#ffffff94;border:1px solid #dfd5c9;flex:0 0 88px;min-height:66px}.travel-phases button:before{display:none}.travel-phases button small{height:auto;position:absolute;top:7px;left:7px}.travel-phases button>svg{opacity:1;margin-top:2px}.travel-phases button>span{margin-top:0}.travel-phases button[aria-pressed=true]{border-color:var(--vermilion);background:var(--vermilion);color:#fff}.travel-phases button[aria-pressed=true] small{color:#fffc}.travel-phase-summary{flex-direction:column;align-items:flex-start;gap:3px}.travel-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.travel-scenarios button{gap:5px;padding:0 5px;font-size:10px}.travel-language-kit__context{flex-direction:column;align-items:flex-start;gap:4px}.travel-phrase{grid-template-columns:minmax(0,1fr) 91px;gap:9px;padding:13px 10px}.travel-phrase__number{display:none}.travel-phrase__copy>strong{font-size:21px}.travel-phrase__copy>p{font-size:12px}.travel-phrase__actions{width:91px}.travel-phrase__show span{max-width:66px}.communication-card-backdrop{padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));align-items:stretch}.communication-card{border-radius:18px;min-height:calc(100dvh - 20px);padding:20px 16px}.communication-card>header h2{font-size:21px}.communication-card__message{margin:18px 0;padding:28px 13px}.communication-card__message strong{font-size:clamp(38px,12vw,54px)}.communication-card__actions,.communication-card__result,.settings-grid,.account-fields{grid-template-columns:1fr}.settings-card{padding:18px 15px}.lesson-activity-nav{grid-template-columns:repeat(3,1fr)}}.journey-page{padding-bottom:90px}.journey-heading{margin-bottom:24px}.journey-overview{box-shadow:var(--shadow);background:#fffaf1;border:1px solid #d7cdbf;border-radius:14px;padding:22px 23px 25px;position:relative;overflow:hidden}.journey-overview:after{content:"";border:1px solid #a93c2f29;border-radius:50%;width:104px;height:104px;position:absolute;top:-34px;right:-34px;box-shadow:0 0 0 14px #a93c2f09,0 0 0 28px #a93c2f06}.journey-overview__top{z-index:2;justify-content:space-between;align-items:center;gap:18px;display:flex;position:relative}.journey-overview__top>div{align-items:center;gap:9px;display:flex}.journey-overview__top strong{font-size:14px}.journey-overview__top>span{color:var(--muted);font-size:11px}.journey-progress{background:#e3dbcf;height:4px;margin:17px 0 23px}.journey-progress span{background:var(--vermilion);width:40%;height:100%;display:block}.journey-route{z-index:2;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.journey-route:before{content:"";background:#cfc5b7;height:1px;position:absolute;top:22px;left:7%;right:7%}.journey-stop{min-width:0;position:relative}.journey-stop button{cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;padding:0 4px;display:flex;position:relative}.journey-stop__node{z-index:2;color:#7a776f;background:#fffaf1;border:1px solid #cfc5b7;border-radius:50%;place-items:center;width:44px;height:44px;font:750 11px/1 ui-monospace,monospace;transition:transform .16s,background .16s;display:grid;position:relative}.journey-stop button:hover .journey-stop__node{transform:translateY(-2px)}.journey-stop.is-completed .journey-stop__node{border-color:var(--jade);background:var(--jade);color:#fff}.journey-stop.is-current .journey-stop__node{border-color:var(--vermilion);background:var(--vermilion);color:#fff;box-shadow:0 0 0 5px #a93c2f1a}.journey-stop.is-selected .journey-stop__node{outline-offset:3px;outline:2px solid}.journey-stop__stage{color:var(--vermilion);margin-top:10px;font:750 9px/1 ui-monospace,monospace}.journey-stop strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:12px;overflow:hidden}.journey-stop small{color:var(--muted);margin-top:2px;font-size:10px}.journey-stop em{color:#777b74;letter-spacing:.6px;text-transform:uppercase;margin-top:5px;font-size:8px;font-style:normal;font-weight:800}.city-plan{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:90px 1fr;gap:25px;margin-top:18px;padding:27px;display:grid;position:relative;box-shadow:0 15px 38px #1f292612}.city-plan__main{min-width:0}.city-plan__stamp{width:82px;height:82px;color:var(--vermilion);border:1px dashed #b99f94;border-radius:50%;align-content:center;place-items:center;gap:5px;display:grid;transform:rotate(-5deg)}.city-plan__stamp span{font:750 21px/1 Charter,Georgia,serif}.city-plan__heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.city-plan__heading h2{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(26px,3vw,34px)}.city-status{color:#59615e;letter-spacing:.8px;text-transform:uppercase;background:#eef0ed;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:800}.city-status.is-completed{color:#26614c;background:#e8f2ec}.city-status.is-current{color:#8e3329;background:#f8e9e6}.city-plan__content{grid-template-columns:1fr 1fr;gap:12px;display:grid}.city-plan__content section{background:#f8f6f1;border-left:2px solid #ddd4c8;min-height:92px;padding:14px}.city-plan__content section>span{color:#3f4b47;letter-spacing:.9px;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.city-plan__content section>strong{margin-top:10px;font-size:13px;line-height:1.45;display:block}.journey-phrase{color:var(--vermilion);background:#fffaf1;border:1px solid #d9d1c6;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-top:13px;padding:16px 17px;display:flex}.journey-phrase>div>span{color:var(--muted);letter-spacing:.9px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.journey-phrase strong{color:var(--ink);font-size:23px;font-weight:650;line-height:1.25;display:block}.journey-phrase small{color:var(--vermilion);margin-top:4px;font:11px/1.3 ui-monospace,monospace;display:block}.city-plan__meta{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.city-plan__meta>span{border:1px solid var(--line);min-height:32px;color:var(--muted);border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-size:9px;display:inline-flex}.city-plan__meta strong{color:var(--ink);font-size:11px}.city-plan .travel-language-kit{box-shadow:none;margin-top:17px}.city-plan__action{margin-top:17px}.city-plan__ready{border-left:3px solid var(--jade);color:#285c49;background:#edf4ef;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.journey-note{color:var(--muted);align-items:center;gap:8px;margin:15px 4px 0;font-size:11px;line-height:1.5;display:flex}@media (width<=620px){.journey-overview{padding:19px 17px}.journey-overview__top{flex-direction:column;align-items:flex-start;gap:6px}.journey-progress{margin-bottom:18px}.journey-route{grid-template-columns:1fr;gap:4px}.journey-route:before{width:1px;height:auto;inset:21px auto 21px 21px}.journey-stop button{text-align:left;grid-template-columns:44px 38px 1fr auto;align-items:center;gap:8px;min-height:62px;padding:6px 8px 6px 0;display:grid}.journey-stop__stage,.journey-stop strong,.journey-stop small,.journey-stop em{margin:0}.journey-stop strong{font-size:13px}.journey-stop small{display:none}.journey-stop em{font-size:8px}.city-plan{grid-template-columns:1fr;gap:15px;padding:21px 18px}.city-plan__stamp{border-radius:15px;width:60px;height:60px;transform:rotate(-3deg)}.city-plan__stamp span{font-size:17px}.city-plan__content{grid-template-columns:1fr}.city-plan__heading h2{font-size:27px}.journey-phrase strong{font-size:20px}.city-plan__action{width:100%}}.concept-switcher{z-index:60;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:4px 5px 4px 10px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #1f292621}.concept-switcher>span{color:#5b6662;letter-spacing:1.1px;margin-right:2px;font-size:9px;font-weight:800}.concept-switcher button{color:#5b6662;cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;min-height:36px;font-size:11px;font-weight:850}.concept-switcher button[aria-pressed=true]{background:var(--ink);color:#fff}.app-shell.ui-studio{--vermilion:#1556c0;--vermilion-dark:#0f4193;--jade:#17705a;background:#f1f4f8;grid-template-columns:minmax(0,820px) 330px;justify-content:center;align-items:start;gap:24px;width:100%;max-width:none;min-height:100vh;margin:0;padding:92px max(24px,50vw - 590px) 42px;font-family:Avenir Next,Noto Sans CJK SC,PingFang SC,sans-serif;display:grid}.ui-studio .concept-switcher{background:#f7fafff5;border-color:#cdd7e4}.ui-studio .concept-switcher button[aria-pressed=true]{background:#16324f}.ui-studio .sidebar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:0;border-bottom:1px solid #dbe3ed;grid-template-columns:190px 1fr 165px;align-items:center;gap:22px;width:100%;height:72px;min-height:72px;padding:0 max(24px,50vw - 590px);display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 7px 24px #1c30470d}.ui-studio .brand-mark{box-shadow:none;background:#16324f;border-radius:12px 4px 12px 12px}.ui-studio .brand-mark svg{stroke:#d9f99d}.ui-studio .brand strong{letter-spacing:-1px;font-family:Charter,Georgia,Noto Serif SC,serif;font-size:23px}.ui-studio .sidebar .main-nav{flex-direction:row;justify-content:center;gap:5px;max-width:520px;margin:0 auto}.ui-studio .sidebar .main-nav button{color:#506273;justify-content:center;width:auto;min-width:78px;padding:9px 11px}.ui-studio .sidebar .main-nav button:hover{background:#eef3f8}.ui-studio .sidebar .main-nav button.is-active{color:#fff;box-shadow:none;background:#16324f}.ui-studio .sidebar-foot{width:165px;margin:0}.ui-studio .sidebar-foot>p{display:none}.ui-studio .language-picker{background:#f6f8fb;border-color:#d7e0e9}.ui-studio .mobile-header,.ui-studio .mobile-nav{display:none}.ui-studio .main-content{background:0 0;border-radius:26px;min-height:auto}.ui-studio .page{min-height:auto;padding:30px 0 72px}.ui-studio .page-heading{max-width:720px;margin-bottom:24px}.ui-studio .page-heading h1{letter-spacing:-2.3px;color:#16324f;font-family:Charter,Georgia,Noto Serif SC,serif;font-size:clamp(38px,4.5vw,55px);font-weight:700;line-height:1}.ui-studio .page-heading>p:last-child{color:#526679;font-size:15px}.ui-studio .eyebrow{color:#1556c0;letter-spacing:1.35px}.ui-studio .progress-ribbon{background:#fff;border:1px solid #dbe3ed;border-radius:17px;margin-bottom:18px;padding:16px 20px 4px}.ui-studio .tone-grid{stroke:#dbe4ee}.ui-studio .tone-line{stroke:#2b6bd1;filter:none}.ui-studio .mission-card{color:#fff;background:#16324f;border:0;border-radius:28px;min-height:408px;padding:31px 33px 32px;box-shadow:0 22px 55px #16324f33}.ui-studio .mission-card:before{background:#d9f99d;border-radius:5px 5px 0 0;height:5px;inset:auto 33px 0}.ui-studio .mission-card__top{color:#c4d2df;margin-bottom:24px}.ui-studio .mission-index{color:#16324f;background:#d9f99d;border-radius:50%}.ui-studio .mission-card h2{color:#fff;letter-spacing:-1.2px;max-width:600px;font-family:Charter,Georgia,Noto Serif SC,serif;font-size:clamp(30px,4vw,42px)}.ui-studio .mission-card>p{color:#c5d2de;max-width:560px;font-size:15px}.ui-studio .target-phrase{background:#ffffff17;border-color:#ffffff2e;border-radius:16px;margin-top:23px;padding:14px}.ui-studio .phrase-audio{color:#16324f;background:#d9f99d}.ui-studio .phrase-audio:hover{background:#c7ef7d}.ui-studio .target-phrase__copy>span{color:#abc0d2}.ui-studio .target-phrase__copy strong{color:#fff}.ui-studio .target-phrase__copy small{color:#d9f99d}.ui-studio .pinyin-toggle{color:#fff;background:0 0;border-color:#ffffff40}.ui-studio .pinyin-toggle[aria-pressed=true]{color:#d9f99d;background:#d9f99d1f;border-color:#d9f99d}.ui-studio .mission-card .primary-button{color:#16324f;min-width:190px;box-shadow:none;background:#d9f99d;border-radius:999px}.ui-studio .mission-card .primary-button:hover{color:#10283f;box-shadow:none;background:#c8ef81}.ui-studio .mission-card--complete{background:#173e35}.ui-studio .today-grid{gap:16px;margin-top:16px}.ui-studio .quiet-card{background:#fff;border-color:#dbe3ed;border-radius:19px;box-shadow:0 9px 28px #1c30470d}.ui-studio .card-icon{color:#1556c0;background:#e7effa;border-radius:12px}.ui-studio .phrase-card{position:relative;overflow:hidden}.ui-studio .phrase-card:after{opacity:.36;content:"";background:#d9f99d;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-35px;right:-22px}.ui-studio .right-rail{background:#fff;border:1px solid #dbe3ed;border-radius:24px;min-height:auto;margin:30px 0 0;padding:24px;position:static;box-shadow:0 14px 40px #1c304712}.ui-studio .mini-avatar{background:#16324f;border-radius:12px}.ui-studio .weekly-card{margin-top:24px}.ui-studio .weekly-ring{border-width:4px;border-color:#1556c0 #1556c0 #dbe3ed #dbe3ed;border-radius:16px}.ui-studio .focus-card{background:#edf8f2;border-color:#cfe0d7;border-radius:18px}.ui-studio .focus-card button{color:#173e35;background:#fff;border-color:#bdd6c8}.ui-studio .right-rail blockquote{background:#f2f5f8;border-radius:17px;margin-top:32px;padding:18px}.ui-studio .stage-list{gap:14px}.ui-studio .stage-card{border-color:#dbe3ed;border-radius:18px;min-height:132px;box-shadow:0 8px 25px #1c30470a}.ui-studio .stage-card.is-current{background:#f7faff;border-color:#8db1e8}.ui-studio .stage-code{color:#16324f;background:#e9eef4;border-radius:14px}.ui-studio .is-current .stage-code{background:#1556c0}.ui-studio .stage-copy>.stage-chinese{background:#edf1f5}.ui-studio .practice-card,.ui-studio .profile-card,.ui-studio .stats-grid article,.ui-studio .voice-card,.ui-studio .chat-window{border-color:#dbe3ed;border-radius:20px;box-shadow:0 10px 30px #1c30470d}.ui-studio .practice-card--tone .practice-art{background:#eaf1fb}.ui-studio .dialogue-art{background:#16324f}.ui-studio .reply-dock{background:#e9eef4;border-color:#dbe3ed}.ui-studio .profile-stamp{border-color:#1556c0}.ui-studio .profile-stamp span,.ui-studio .stats-grid svg{color:#1556c0}.ui-studio .skill-row i,.ui-studio .stage-progress span{background:#1556c0}.ui-studio .journey-overview{background:#fff;border-color:#d7e1ec;border-radius:23px;box-shadow:0 12px 36px #1c304712}.ui-studio .journey-overview:after{box-shadow:none;background:#e8f1fd;border:0;border-radius:22px;transform:rotate(17deg)}.ui-studio .journey-progress{background:#e2e9f1;border-radius:99px;height:6px}.ui-studio .journey-progress span{background:#1556c0;border-radius:99px}.ui-studio .journey-route:before{background:#dbe4ee;border-radius:3px;height:3px}.ui-studio .journey-stop__node{color:#476078;background:#f3f6fa;border-color:#cfdae7;border-radius:13px}.ui-studio .journey-stop.is-completed .journey-stop__node{background:#1556c0;border-color:#1556c0}.ui-studio .journey-stop.is-current .journey-stop__node{color:#16324f;background:#d9f99d;border-color:#d9f99d;box-shadow:0 0 0 5px #d9f99d4d}.ui-studio .journey-stop__stage,.ui-studio .journey-stop em{color:#1556c0}.ui-studio .city-plan{background:#fff;border-color:#d7e1ec;border-radius:24px;grid-template-columns:76px 1fr;padding:30px;box-shadow:0 15px 42px #1c304714}.ui-studio .city-plan:before{content:"";background:#d9f99d;border-radius:0 5px 5px 0;width:5px;position:absolute;top:28px;bottom:28px;left:0}.ui-studio .city-plan__stamp{color:#d9f99d;background:#16324f;border:0;border-radius:16px;width:68px;height:68px;transform:none}.ui-studio .city-plan__heading h2{color:#16324f;font-family:Charter,Georgia,Noto Serif SC,serif}.ui-studio .city-status.is-current{color:#35510b;background:#e7f5c5}.ui-studio .city-plan__content section{background:#f7f9fc;border:1px solid #dbe4ee;border-left:4px solid #1556c0;border-radius:13px}.ui-studio .journey-phrase{color:#d9f99d;background:#16324f;border-color:#2c4966;border-radius:16px}.ui-studio .journey-phrase>div>span{color:#b9c9d8}.ui-studio .journey-phrase strong{color:#fff}.ui-studio .journey-phrase small{color:#d9f99d}.ui-studio .city-plan__meta>span{background:#f7f9fc;border-color:#d7e1ec;border-radius:999px}.ui-studio .city-plan__action{border-radius:999px}.ui-studio .journey-note{color:#526679}.ui-studio .travel-language-kit{background:#fff;border-color:#d7e1ec;border-radius:22px;box-shadow:0 12px 32px #1c30470f}.ui-studio .travel-language-kit__header h2{color:#16324f;font-family:Charter,Georgia,Noto Serif SC,serif}.ui-studio .travel-language-kit__mark{color:#d9f99d;background:#16324f;border:0;border-radius:14px 4px 14px 14px;transform:none}.ui-studio .travel-phases:before{background:#dce5ef;border-radius:3px;height:3px}.ui-studio .travel-phases button:before{background:#fff;border-color:#c9d6e3}.ui-studio .travel-phases button[aria-pressed=true]{color:#1556c0;background:#eaf1fb}.ui-studio .travel-phases button[aria-pressed=true]:before{background:#16324f;border-color:#d9f99d;box-shadow:0 0 0 4px #d9f99d59}.ui-studio .travel-phase-summary{background:#f4f7fa;border-left-color:#d9f99d;border-radius:0 12px 12px 0}.ui-studio .travel-phase-summary strong{color:#1556c0}.ui-studio .travel-scenarios button{color:#506273;background:#f4f7fa;border-color:#d7e1ec;border-radius:999px}.ui-studio .travel-scenarios button:hover{background:#edf4fd;border-color:#8db1e8}.ui-studio .travel-scenarios button[aria-pressed=true]{color:#fff;background:#16324f;border-color:#16324f}.ui-studio .travel-language-kit__context span,.ui-studio .travel-phrase__pinyin{color:#1556c0}.ui-studio .travel-phrase{background:#f8fafc;border-color:#dbe3ed;border-radius:15px}.ui-studio .travel-phrase__audio{color:#16324f;background:#d9f99d}.ui-studio .travel-phrase__audio:hover{background:#c8ef81}.ui-studio .travel-phrase__show{color:#16324f;background:#fff;border-color:#cdd9e6;border-radius:999px}.ui-studio .travel-phrase__show:hover{color:#1556c0;border-color:#1556c0}.ui-studio .communication-card{color:#16324f;background:#f8fbff;border-radius:28px}.ui-studio .communication-card__message{background:#16324f;border-top-color:#d9f99d;border-bottom-color:#dbe3ed;border-radius:20px}.ui-studio .communication-card__message strong{color:#fff}.ui-studio .communication-card__message>span{color:#d9f99d}.ui-studio .communication-card__message>p{color:#d7e2ec}.ui-studio .communication-card__detail>span{color:#eef5fb}.ui-studio .communication-card__actions button{border-color:#cdd9e6;border-radius:999px}.ui-studio .communication-card__actions button:first-child{color:#16324f;background:#d9f99d;border-color:#d9f99d}.lesson-shell.ui-studio .lesson-page{--vermilion:#1556c0;--vermilion-dark:#0f4193;--paper:#f1f4f8;--line:#dbe3ed;background:#f1f4f8}.lesson-shell.ui-studio .lesson-topbar{background:#fff}.lesson-shell.ui-studio .lesson-content>h1{color:#16324f;font-family:Charter,Georgia,Noto Serif SC,serif}.lesson-shell.ui-studio .waiter-question>div,.lesson-shell.ui-studio .answer-list button{background:#fff;border-radius:16px}.lesson-shell.ui-studio .lesson-footer{background:#fffffff0}.lesson-shell.ui-studio .lesson-footer .primary-button{background:#1556c0;border-radius:999px}@media (width<=900px){.app-shell.ui-studio{padding:66px 0 calc(78px + env(safe-area-inset-bottom));display:block}.ui-studio .sidebar{display:none}.ui-studio .mobile-header{z-index:30;background:#fffffff5;border-bottom:1px solid #dbe3ed;justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.ui-studio .mobile-header .brand-mark{width:34px;height:34px}.ui-studio .mobile-header .language-picker{width:132px}.ui-studio .main-content{padding-bottom:0}.ui-studio .page{padding:34px max(20px,50vw - 360px) 55px}.ui-studio .right-rail{display:none}.ui-studio .mobile-nav{z-index:28;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #d7e0e9;border-radius:19px;display:block;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 15px 40px #16324f29}.ui-studio .mobile-nav .main-nav{grid-template-columns:repeat(6,1fr);gap:3px;height:66px;margin:0;padding:5px;display:grid}.ui-studio .mobile-nav .main-nav button{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:3px;height:56px;padding:6px 4px}.ui-studio .mobile-nav .main-nav button.is-active{color:#fff;box-shadow:none;background:#16324f}.ui-studio .mobile-nav .main-nav button span{font-size:9px}.ui-studio .concept-switcher,.lesson-shell.ui-studio .concept-switcher{inset:12px auto auto 50%;transform:translate(-50%)}.ui-studio .concept-switcher>span,.lesson-shell.ui-studio .concept-switcher>span{display:none}}@media (width<=620px){.concept-switcher{inset:12px auto auto 50%;transform:translate(-50%)}.concept-switcher>span{display:none}.ui-studio .page{padding:30px 18px 48px}.ui-studio .page-heading h1{letter-spacing:-1.5px;font-size:39px}.ui-studio .mission-card{border-radius:23px;min-height:452px;padding:25px 21px 27px}.ui-studio .mission-card h2{font-size:31px}.ui-studio .mission-card:before{left:22px;right:22px}.ui-studio .travel-phases button{background:#fff;border-color:#d7e1ec;border-radius:15px}.ui-studio .travel-phases button[aria-pressed=true]{color:#fff;background:#16324f;border-color:#16324f}.ui-studio .city-plan{grid-template-columns:1fr;gap:14px;padding:23px 19px 25px}.ui-studio .city-plan__stamp{width:60px;height:60px}.ui-studio .city-plan__heading h2{font-size:27px}.ui-studio .target-phrase{grid-template-columns:44px 1fr}.ui-studio .pinyin-toggle{grid-column:1/-1}.ui-studio .mission-card .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.travel-language-kit__status{justify-items:center;gap:6px;display:grid}.travel-language-kit__status small{color:#3f4944;letter-spacing:.12em;white-space:nowrap;font-size:9px;font-weight:700}.communication-direction{grid-template-columns:1fr 48px 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.communication-direction select{border:1px solid var(--line);background:var(--white);min-height:48px;color:var(--ink);border-radius:10px;padding:0 14px}.communication-direction button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;display:grid}.communication-tabs{border:1px solid var(--line);background:var(--paper-deep);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;display:grid}.communication-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.communication-tabs button[aria-selected=true]{background:var(--white);color:var(--vermilion);box-shadow:0 3px 12px #1f292614}.communication-workbench{border:1px solid var(--line);background:var(--white);min-height:400px;box-shadow:var(--shadow);border-radius:14px;margin-top:14px;padding:24px}.communication-workbench textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:150px;color:var(--ink);background:var(--paper);font:inherit;border-radius:11px;padding:18px;line-height:1.6}.communication-workbench>.primary-button{width:100%;margin-top:12px}.voice-turn,.scan-upload{background:var(--paper);width:100%;min-height:220px;color:var(--jade);cursor:pointer;border:1px dashed #b9c3bd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:750;display:flex}.voice-turn.is-recording{border-color:var(--vermilion);color:var(--vermilion);background:#fff3f0}.scan-upload input{opacity:0;width:1px;height:1px;position:absolute}.communication-notice{border-left:3px solid var(--vermilion);color:#704139;background:#fff5f2;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.translation-result{background:var(--ink);color:#fff;border-radius:12px;margin-top:18px;padding:24px;position:relative}.translation-result small{color:#cbd3cf;font-size:14px;display:block}.translation-result strong{margin:15px 0 10px;font-size:clamp(30px,5vw,48px);line-height:1.25;display:block}.translation-result p{color:#cbd3cf;font-size:12px}.translation-result>div{gap:7px;display:flex;position:absolute;top:14px;right:14px}.translation-result button{color:#fff;cursor:pointer;background:0 0;border:1px solid #53605a;border-radius:50%;place-items:center;width:42px;display:grid}.save-learning{width:100%;margin-top:14px}.save-learning:disabled{opacity:.5;cursor:not-allowed}.ui-studio .communication-workbench{border-color:#d7e1ec;border-radius:24px}.ui-studio .communication-tabs button[aria-selected=true]{color:#1556c0}.ui-studio .translation-result{background:#16324f;border-radius:18px}@media (width<=620px){.communication-tabs button{min-width:0;padding:5px;font-size:11px}.communication-workbench{min-height:360px;padding:18px}.communication-direction{grid-template-columns:1fr 40px 1fr}}.legal-consent{color:var(--muted);grid-template-columns:18px 1fr;align-items:start;gap:9px;margin:12px 0 4px;font-size:12px;line-height:1.55;display:grid}.legal-consent input{width:16px;height:16px;accent-color:var(--vermilion);margin-top:2px}.legal-consent a,.legal-footer a,.legal-document a{color:var(--vermilion-dark);text-underline-offset:3px}.account-actions button:disabled{opacity:.48;cursor:not-allowed}.legal-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:48px;padding:20px 0 4px;font-size:11px;line-height:1.5;display:flex}.legal-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;display:flex}.legal-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.legal-topbar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:0 max(24px,50vw - 490px);display:flex}.legal-topbar .brand{color:inherit;text-decoration:none}.legal-back{border:1px solid var(--line);min-height:42px;color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:0 14px;text-decoration:none;display:inline-flex}.legal-document{max-width:820px;margin:0 auto;padding:64px 24px 72px}.legal-document>header{border-bottom:1px solid var(--line);padding-bottom:30px}.legal-document h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-2.2px;max-width:720px;margin:9px 0 16px;font:700 clamp(38px,7vw,66px)/1.03 Charter,Georgia,serif}.legal-document>header>p:last-of-type{max-width:700px;color:var(--muted);font-size:16px;line-height:1.7}.legal-version{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:20px;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;display:flex}.legal-notice{border:1px solid #cbd9d1;border-left:4px solid var(--jade);color:#285c49;background:#edf4ef;border-radius:8px;align-items:center;gap:11px;margin:26px 0 8px;padding:15px 17px;display:flex}.legal-notice p{margin:0}.legal-document section{padding:30px 0 4px}.legal-document section+section{border-top:1px solid #cfc6bbb3}.legal-document h2{margin:0 0 13px;font-size:20px;line-height:1.35}.legal-document section p,.legal-document li{color:#48514d;font-size:14px;line-height:1.85}.legal-document section p{margin:0 0 13px}.legal-document ul{margin:0;padding-left:23px}.legal-document li+li{margin-top:7px}.legal-shell>.legal-footer{max-width:820px;margin:0 auto;padding:24px 24px 38px}@media (width<=620px){.legal-footer{flex-direction:column;margin-top:34px;padding-bottom:78px}.legal-footer nav{justify-content:flex-start}.legal-topbar{min-height:66px;padding:0 17px}.legal-topbar .brand small{display:none}.legal-back{padding:0 10px;font-size:11px}.legal-document{padding:42px 18px 52px}.legal-document h1{letter-spacing:-1.4px;font-size:42px}.legal-document>header>p:last-of-type{font-size:14px}.legal-document section{padding-top:24px}.legal-shell>.legal-footer{padding:24px 18px 34px}}