@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{color:#26372f;font-synthesis:none;text-rendering:optimizelegibility;--forest:#245c45;--forest-dark:#184434;--leaf:#5f9d74;--orange:#e77945;--ink:#26372f;--muted:#718077;--line:#e2eae4;background:#f7faf7;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #e779456b}#root{min-height:100vh}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{color:var(--forest-dark);letter-spacing:-.03em;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--forest);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 -4px #00000014}.brand-mark:after{content:"";background:#f3ac43;border-radius:100% 0;width:10px;height:7px;position:absolute;top:7px;right:8px;transform:rotate(-18deg)}.nav-list{gap:8px;margin-top:50px;display:grid}.nav-link{color:#647077;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.nav-link:hover{background:#f6f8f2}.nav-link.active{color:var(--forest);background:#eaf8f2}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:auto;padding-top:20px;display:flex}.avatar{color:#b04e2e;background:#fff0e9;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar-profile strong{font-size:13px;display:block}.sidebar-profile span{color:var(--muted);font-size:11px}.mobile-top{display:none}.page-main{min-width:0;padding:32px 44px 64px}.content-wrap{width:min(1060px,100%);margin:0 auto}.content-wrap.narrow{width:min(820px,100%)}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;color:#1c2529;margin-bottom:9px;font-size:clamp(28px,4vw,42px);line-height:1.15}h2{letter-spacing:-.03em}.subtext{color:var(--muted);font-size:14px;line-height:1.7}.streak{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:16px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;font-weight:700;display:flex;box-shadow:0 5px 20px #4234250d}.streak svg{color:var(--orange)}.login-page{background:#fbfaf7;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#12675e;flex-direction:column;justify-content:space-between;padding:52px clamp(28px,6vw,84px);display:flex;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#159b8d;height:70%;position:absolute;bottom:-20%;left:-15%;right:-15%}.login-art:after{background:#169b68;height:62%;bottom:-25%;left:26%}.login-art>*{z-index:2;position:relative}.login-brand{color:#fff}.login-copy{max-width:540px;padding-bottom:8vh}.login-copy h1{color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.03}.login-copy p{color:#d8eeea;max-width:440px;line-height:1.8}.feature-pills{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.feature-pills span{background:#ffffff12;border:1px solid #fff3;border-radius:999px;padding:9px 13px;font-size:11px}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:26px;width:min(410px,100%);padding:38px;box-shadow:0 22px 65px #4234251a}.login-card h2{margin-bottom:8px;font-size:28px}.google-btn,.primary-btn,.secondary-btn{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-weight:700;display:flex}.google-btn{margin-top:28px}.google-logo{object-fit:contain;width:18px;height:18px;display:block}.divider{color:#98a39d;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.primary-btn{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 .45rem 1rem #f0653b33}.login-note{text-align:center;color:#8a978f;margin:18px 0 0;font-size:10px;line-height:1.6}.auth-error{color:#ad452e;background:#fff1ed;border-radius:9px;margin-top:12px;padding:9px;font-size:11px}.exercise-shell{width:min(780px,100%);margin:0 auto}.exercise-top{align-items:center;gap:16px;margin-bottom:34px;display:flex}.back-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#fff;border-radius:50%;place-items:center;display:grid}.exercise-progress{background:#e7ece8;border-radius:9px;flex:1;height:9px;overflow:hidden}.exercise-progress span{background:#169b68;border-radius:9px;height:100%;display:block}.exercise-count{color:var(--muted);font-size:12px;font-weight:700}.exercise-card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 50px #42342512}.exercise-type{color:#159b8d;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.exercise-card h1{margin:25px 0 10px;font-size:clamp(27px,4vw,38px)}.question-main{color:#1c2529;letter-spacing:-.04em;margin:28px 0 9px;font-size:clamp(28px,5vw,45px);font-weight:800}.romanization{color:var(--muted);font-size:13px}.blank{border-bottom:4px solid var(--orange);color:#0000;min-width:92px;display:inline-block}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.choice{border:2px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:15px;padding:15px;font-weight:600}.choice:hover{border-color:#8fc9c1}.choice.selected{background:#eaf9f6;border-color:#159b8d;box-shadow:inset 0 0 0 1px #159b8d}.choice span{color:#89968e;border:1px solid #d7dfd9;border-radius:7px;place-items:center;width:25px;height:25px;margin-right:10px;font-size:10px;display:inline-grid}.exercise-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;margin-top:30px;padding-top:22px;display:flex}.secondary-btn,.exercise-footer .primary-btn{width:auto;min-width:125px}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.helper-text{color:var(--muted);font-size:11px}.audio-control,.record-control{align-items:center;gap:16px;margin:26px 0;display:flex}.play-button,.record-button{color:#fff;background:#159b8d;border:0;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 7px #12675e}.audio-wave{align-items:center;gap:4px;height:35px;display:flex}.audio-wave i{background:#8fc9c1;border-radius:4px;width:4px;display:block}.audio-wave i:nth-child(odd){height:12px}.audio-wave i:nth-child(2n){height:26px}.record-button{background:var(--orange);box-shadow:0 7px #b84222}.record-button.recording{animation:1.3s infinite pulse}.transcript{color:var(--muted);background:#f5faf9;border:1px dashed #b9ddd8;border-radius:15px;min-height:58px;padding:17px;font-size:12px}.transcript strong{color:var(--ink);margin-bottom:5px;display:block}@keyframes pulse{50%{box-shadow:0 7px #b84222,0 0 0 12px #f0653b26}}.ranking-card,.profile-card{border:1px solid var(--line);background:#fff;border-radius:26px;padding:24px;box-shadow:0 18px 50px #4234250f}.ranking-list{gap:7px;display:grid}.rank-row{border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.rank-row:nth-child(-n+3){background:#fff8e8}.rank-row.current-user{background:#eaf9f6;border:1px solid #b9ddd8}.rank-number{color:var(--muted);text-align:center;font-weight:800}.rank-row:first-child .rank-number{color:#e89a22}.rank-user{align-items:center;gap:12px;display:flex}.rank-user strong{font-size:13px;display:block}.rank-user small{color:var(--muted);font-size:10px}.units-count{color:#169b68;font-size:13px;font-weight:800}.profile-card{grid-template-columns:auto 1fr;align-items:center;gap:24px;display:grid}.profile-avatar{color:#b04e2e;background:#fff0e9;border-radius:24px;place-items:center;width:90px;height:90px;font-size:27px;font-weight:800;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.stat{background:#f5faf9;border-radius:14px;padding:13px}.stat strong{color:#169b68;font-size:18px;display:block}.stat span{color:var(--muted);font-size:10px}.unit-hub{isolation:isolate;background:linear-gradient(#cfe5d8,#8eb8a0);border-radius:30px;min-height:calc(100vh - 96px);position:relative;overflow:hidden;box-shadow:0 22px 65px #25483521}.forest-background{z-index:-1;background:linear-gradient(#dceee6 0%,#a7cbb5 52%,#4f7f61 100%);position:absolute;inset:0;overflow:hidden}.forest-background:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#ffffff29,#0000 30% 70%,#16442e1f);position:absolute;inset:0}.forest-moon{background:#fff6d2b3;border-radius:50%;width:120px;height:120px;position:absolute;top:8%;right:10%;box-shadow:0 0 50px #fff6d280}.forest-layer{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;bottom:0;left:-3%;right:-3%}.forest-layer i{background:#3f7356;border-radius:50% 50% 8px 8px;width:18px;height:58vh;max-height:510px;display:block;position:relative}.forest-layer i:before,.forest-layer i:after{content:"";background:inherit;border-radius:50%;width:110px;height:190px;position:absolute;left:50%;transform:translate(-50%)rotate(8deg)}.forest-layer i:before{top:7%}.forest-layer i:after{width:86px;height:155px;top:31%;transform:translate(-50%)rotate(-12deg)}.forest-far{opacity:.35;filter:blur(2px);transform-origin:bottom;transform:scale(.86)}.forest-far i:nth-child(2n){height:45vh}.forest-near{opacity:.68;left:-8%;right:-8%}.forest-near i{width:22px}.forest-near i:nth-child(2n){height:48vh}.forest-mist{filter:blur(24px);background:#ffffff54;border-radius:50%;width:130%;height:100px;position:absolute;left:-15%}.mist-one{animation:14s ease-in-out infinite alternate mistDrift;bottom:22%}.mist-two{opacity:.65;animation:18s ease-in-out infinite alternate-reverse mistDrift;bottom:7%}.unit-hub-content{width:min(780px,100% - 40px);margin:0 auto;padding:34px 0 50px}.forest-back{color:#174d37;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex}.unit-hub-header{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #ffffffa8;border-radius:26px;width:min(540px,100%);margin:38px auto 24px;padding:30px;box-shadow:0 18px 45px #1d432e1f}.forest-badge{color:#fff;background:#159b8d;border-radius:16px;place-items:center;width:50px;height:50px;margin:0 auto 13px;display:grid;box-shadow:0 7px 18px #159b8d3b}.unit-hub-header h1{margin-bottom:6px}.unit-hub-header>p:last-child{color:var(--muted);margin:10px 0 0;font-size:12px}.unit-hakka{color:#d94e27;margin:0;font-weight:700}.unit-activity-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.forest-activity-card{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffffdb;border:1px solid #ffffffb8;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;transition:transform .18s,background .18s;display:grid;box-shadow:0 10px 28px #1d432e17}.forest-activity-card:hover{background:#fff;transform:translateY(-3px)}.forest-activity-icon{color:#12675e;background:#eaf9f6;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.forest-activity-card strong,.forest-activity-card small{display:block}.forest-activity-card strong{margin-bottom:3px;font-size:13px}.forest-activity-card small{color:var(--muted);font-size:10px}.forest-note{color:#335c47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad;border-radius:13px;align-items:flex-start;gap:9px;width:max-content;max-width:100%;margin:20px auto 0;padding:11px 15px;font-size:10px;display:flex}.forest-note p{margin:0}@keyframes mistDrift{to{transform:translate(7%)}}.learning-layout{min-height:calc(100vh - 96px);position:relative}.learning-page-base{transition:opacity .2s,filter .2s;position:relative}.learning-page-base.is-inactive{opacity:0;filter:blur(2px);pointer-events:none}.learning-route-layer{z-index:12;position:absolute;inset:0;overflow:auto}.learning-route-layer.exercise-layer{background:#f7faf7;padding:4px 0 48px}.journey-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.journey-summary>div{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:11px;padding:12px 14px;display:flex;box-shadow:0 5px 18px #4234250a}.journey-summary p{margin:0}.journey-summary small,.journey-summary strong{display:block}.journey-summary small{color:var(--muted);margin-bottom:3px;font-size:9px}.journey-summary strong{color:var(--ink);font-size:12px}.summary-icon{color:#159b8d;background:#eaf9f6;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.summary-progress-copy{flex:1}.summary-progress-track{background:#edf2ef;border-radius:999px;height:5px;margin-top:7px;display:block;overflow:hidden}.summary-progress-track i{border-radius:inherit;background:#44aa9c;height:100%;display:block}.mobile-progress-summary{display:none}.dom-village-path{isolation:isolate;background:#dff0ec;border:1px solid #c7ddd6;border-radius:28px;height:min(710px,72vh);min-height:620px;position:relative;overflow:hidden;box-shadow:0 20px 55px #3056401a}.dom-village-path:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,#fffc,#0000 18%),linear-gradient(#e7f5f2,#d5ebe4);position:absolute;inset:0}.path-scroll-viewport{z-index:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#85b4aa transparent;position:absolute;inset:0;overflow:hidden auto}.path-scroll-viewport:focus-visible{outline-offset:-4px;outline:3px solid #159b8d4d}.path-scroll-viewport::-webkit-scrollbar{width:11px}.path-scroll-viewport::-webkit-scrollbar-thumb{background:#82b3a9 padding-box padding-box;border:3px solid #0000;border-radius:999px}.path-world{min-width:620px;position:relative;overflow:hidden}.path-panel-title{z-index:8;color:#12675e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:800;display:flex;position:absolute;top:20px;left:22px;box-shadow:0 7px 20px #2d533e14}.path-legend{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#58675f;background:#ffffffe6;border:1px solid #ffffffd1;border-radius:13px;gap:13px;padding:10px 13px;font-size:9px;display:flex;position:absolute;bottom:16px;right:18px;box-shadow:0 7px 20px #2d533e14}.path-legend span{align-items:center;gap:5px;display:flex}.path-legend i{background:#9ba6a0;border-radius:50%;width:8px;height:8px}.path-legend .done{background:#159b8d}.path-legend .now{background:#ef673f}.path-inactive{pointer-events:none}.path-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.path-atmosphere .hill{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.46;background:#bfd6c6;width:420px;height:260px;position:absolute}.path-atmosphere .hill-one{top:6%;left:-10%}.path-atmosphere .hill-two{opacity:.36;top:47%;right:-12%;transform:scale(.8)}.path-atmosphere .cloud{filter:drop-shadow(0 7px 10px #425b4c12);background:#ffffffc7;border-radius:999px;width:74px;height:25px;position:absolute}.path-atmosphere .cloud:before,.path-atmosphere .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.path-atmosphere .cloud:before{width:35px;height:35px;bottom:3px;left:15px}.path-atmosphere .cloud:after{width:27px;height:27px;bottom:2px;right:10px}.path-atmosphere .cloud-one{top:11%;right:10%}.path-atmosphere .cloud-two{top:59%;left:7%;transform:scale(.8)}.village-terrace{z-index:1;background:#9fbd7a;border-radius:48% 42% 46% 40%;width:74%;position:absolute;left:13%;transform:rotate(-1.4deg);box-shadow:0 13px #779c5c,0 23px 35px #3e5b371c}.village-terrace:nth-of-type(2n){background:#aac584;width:70%;left:16%;transform:rotate(1.5deg)}.village-terrace:before{content:"";border-radius:inherit;border:1px solid #eef7d73d;position:absolute;inset:17px 24px}.terrace-name{color:#54715e;letter-spacing:.08em;background:#f2f8e7a6;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:700;position:absolute;top:18px;left:30px}.terrace-rock{background:#c9ccb0;border-radius:50% 60% 42% 55%;width:25px;height:16px;position:absolute;box-shadow:inset -6px -4px #687c5f24}.rock-one{bottom:18%;left:21%}.rock-two{top:22%;right:22%;transform:scale(.65)}.terrace-flowers{color:#f59a8b;letter-spacing:3px;font-size:28px;position:absolute;bottom:16%;right:27%}.css-tree{width:30px;height:48px;position:absolute;transform:rotate(1.4deg)}.css-tree i{background:#73563e;border-radius:5px;width:6px;height:24px;position:absolute;bottom:0;left:12px}.css-tree b{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 3px #2a473024);background:#326849;width:27px;height:36px;position:absolute;top:0;left:2px}.css-tree.round-tree b{clip-path:none;background:#597f40;border-radius:48% 55% 44% 52%;width:34px;height:30px;top:5px;left:-2px;box-shadow:-11px 7px 0 -3px #6d914c,10px 8px 0 -4px #416e3e}.village-road{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.village-road path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.road-shadow{stroke:#54483429;stroke-width:46px;transform:translateY(6px)}.road-border{stroke:#c89e67;stroke-width:43px}.road-surface{stroke:#f8deb0;stroke-width:34px}.road-highlight{stroke:#fffae1b8;stroke-width:4px;transform:translate(-7px)}.path-unit{--unit-x:50%;--unit-y:0;z-index:4;left:var(--unit-x);top:var(--unit-y);width:210px;height:112px;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-55%)}.path-unit:not(:disabled){cursor:pointer}.path-unit:not(:disabled):hover .landmark-stage{transform:translateY(-4px)}.path-unit:disabled{cursor:not-allowed}.landmark-stage{width:104px;height:92px;transition:transform .18s;position:absolute;top:10px;left:54px}.landmark-stage:before{content:"";background:#7a9d60;border-radius:50%;height:25px;position:absolute;bottom:3px;left:13px;right:13px;box-shadow:0 7px 10px #354b3026}.landmark-shadow{filter:blur(3px);background:#2e402b29;border-radius:50%;width:76px;height:18px;position:absolute;bottom:8px;left:18px}.landmark-body{background:#e8c992;border:1px solid #69502d21;border-radius:5px;width:62px;height:43px;position:absolute;bottom:14px;left:25px;box-shadow:inset 0 -8px #976f3c0f}.landmark-roof{clip-path:polygon(50% 0,100% 46%,90% 100%,10% 100%,0 46%);filter:drop-shadow(0 5px 2px #2e3b2d29);background:#245f56;width:80px;height:36px;position:absolute;bottom:49px;left:16px}.roof-ridge{background:#d97750;border-radius:5px;width:8px;height:31px;position:absolute;bottom:65px;left:49px;transform:rotate(-39deg)}.landmark-door{background:#795039;border-radius:3px 3px 0 0;width:12px;height:24px;position:absolute;bottom:0;left:26px}.window{background:#f8d276;border-radius:2px;width:11px;height:10px;position:absolute;bottom:14px;box-shadow:inset 0 0 0 2px #78543014}.window-left{left:8px}.window-right{right:8px}.landmark-detail{display:none;position:absolute}.market-shop .landmark-body{background:#e4bc7d;width:74px;left:19px}.market-shop .landmark-roof{background:#2d6d61;width:88px;left:12px}.market-shop .detail-one{clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);background:repeating-linear-gradient(90deg,#f2d29b 0 12px,#dc7754 12px 24px);width:72px;height:12px;display:block;bottom:40px;left:20px}.tea-house .landmark-roof{background:#6f503e}.tea-house .landmark-body{background:#efd5aa}.tea-house .detail-one{border:3px solid #315f55;border-radius:50% 50% 5px 5px;width:21px;height:31px;display:block;bottom:22px;right:8px}.school .landmark-body{background:#e5c08b;width:82px;height:48px;left:16px}.school .landmark-roof{background:#315f57;width:96px;left:9px}.school .detail-one{background:#d8764e;width:52px;height:3px;display:block;bottom:29px;left:31px}.village-gate .landmark-body{background:#d4ad6d;width:66px;height:12px;bottom:15px;left:24px}.village-gate .landmark-roof{background:#275f56;width:90px;height:24px;bottom:64px;left:12px}.village-gate .detail-one,.village-gate .detail-two{background:#825137;width:8px;height:51px;display:block;bottom:19px}.village-gate .detail-one{left:28px}.village-gate .detail-two{right:28px}.landmark-state{z-index:3;color:#fff;background:#9ba29e;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:3px;right:2px;box-shadow:0 4px #777e7a,0 7px 13px #2944332e}.landmark-state.completed{background:#159b8d;box-shadow:0 4px #0e7168,0 7px 13px #159b8d33}.landmark-state.current{background:#ef673f;animation:2.2s ease-in-out infinite currentGlow;box-shadow:0 4px #b64324,0 0 0 6px #fabe7b40,0 8px 16px #bf4b2738}.path-unit.current .landmark-stage:after{content:"";z-index:-1;filter:blur(7px);background:#f0653b3b;border-radius:50%;width:76px;height:27px;position:absolute;bottom:1px;left:17px}.path-unit.locked .css-landmark{filter:grayscale(.72)saturate(.45);opacity:.76}.path-unit-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffffeb;border:1px solid #ffffffd6;border-radius:13px;min-width:104px;padding:9px 12px;position:absolute;top:31px;box-shadow:0 7px 18px #2d4b381a}.label-left .path-unit-label{text-align:right;right:153px}.path-unit-label small,.path-unit-label strong{display:block}.path-unit-label small{color:#7b8981;margin-bottom:2px;font-size:8px}.path-unit-label strong{font-size:11px}.path-unit.completed .path-unit-label strong{color:#12675e}.path-unit.current .path-unit-label strong{color:#d94e27}.path-scroll-hint{z-index:5;color:#52665c;white-space:nowrap;background:#ffffffc7;border:1px solid #ffffffbf;border-radius:999px;padding:7px 12px;font-size:9px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #2d533e0f}.later-hint{top:28px}.earlier-hint{bottom:27px}@keyframes currentGlow{50%{box-shadow:0 4px #b64324,0 0 0 10px #fabe7b1f,0 10px 18px #bf4b2740}}.mobile-unit-sheet{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #ffffffd9;border-radius:22px;padding:20px;animation:.22s ease-out sheetUp;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 -12px 40px #18402b2e}.mobile-unit-sheet .eyebrow{margin-bottom:4px}.mobile-unit-sheet h2{margin-bottom:7px;font-size:22px}.mobile-unit-sheet>p:not(.eyebrow){color:var(--muted);margin-bottom:14px;font-size:11px}.sheet-close{width:34px;height:34px;color:var(--muted);background:#f1f6f3;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.sheet-activities{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;display:grid}.sheet-activities span{color:#12675e;background:#eaf9f6;border-radius:10px;padding:9px 10px;font-size:10px;font-weight:700}.sheet-primary{color:#fff;background:#f0653b;border:0;border-radius:12px;width:100%;padding:12px;font-weight:800}@keyframes sheetUp{0%{opacity:0;transform:translateY(18px)}}@media (width<=900px){.app-shell{grid-template-columns:84px 1fr}.sidebar{align-items:center;padding:24px 13px}.brand span,.nav-link span,.sidebar-profile div{display:none}.nav-link{padding:14px}.login-page{grid-template-columns:1fr}.login-art{min-height:390px}.login-copy{padding-top:50px}.login-form-wrap{padding:26px}.page-main{padding:28px 25px 80px}.path-world{min-width:560px}}@media (width<=760px){.journey-summary{grid-template-columns:1fr 1fr}.journey-summary>div:last-child{display:none}.unit-activity-grid{grid-template-columns:1fr}}@media (width<=620px){.app-shell{display:block}.sidebar{border-right:0;border-top:1px solid var(--line);z-index:30;height:70px;padding:8px 14px;display:block;position:fixed;inset:auto 0 0}.sidebar>.brand,.sidebar-profile{display:none}.nav-list{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid}.nav-link{flex-direction:column;gap:3px;padding:8px 4px;font-size:10px}.nav-link span{display:block}.mobile-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-top .brand{font-size:17px}.mobile-top .brand-mark{width:35px;height:35px}.page-main{padding:24px 16px 100px}.page-header{align-items:flex-start}.streak span{display:none}.learning-page-base .page-header{margin-bottom:14px}.learning-page-base .page-header h1{font-size:25px}.learning-page-base .page-header .subtext,.learning-page-base .page-header .eyebrow,.learning-page-base .page-header .streak,.journey-summary{display:none}.mobile-progress-summary{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:12px;padding:13px 14px;display:block;box-shadow:0 6px 18px #4234250d}.mobile-progress-summary>div:first-child{justify-content:space-between;align-items:flex-end;display:flex}.mobile-progress-summary p{margin:0}.mobile-progress-summary small,.mobile-progress-summary strong{display:block}.mobile-progress-summary small{color:var(--muted);margin-bottom:2px;font-size:9px}.mobile-progress-summary strong{font-size:13px}.mobile-progress-summary>div:first-child>span{color:#159b8d;font-size:12px;font-weight:800}.mobile-progress-dots{gap:5px;margin:10px 0 8px;display:flex!important}.mobile-progress-dots i{background:#d9dfdc;border-radius:5px;width:100%;height:5px;display:block}.mobile-progress-dots i.completed{background:#159b8d}.mobile-progress-dots i.current{background:#f0653b}.mobile-progress-summary>p{color:var(--muted);font-size:10px}.dom-village-path{border-radius:22px;height:calc(100svh - 332px);min-height:480px;max-height:610px;margin-bottom:76px}.path-world{min-width:0}.path-panel-title{padding:8px 11px;top:12px;left:12px}.path-legend{display:none}.village-terrace{width:92%;left:4%}.village-terrace:nth-of-type(2n){width:88%;left:7%}.terrace-name{display:none}.path-atmosphere .hill{width:250px}.road-shadow{stroke-width:37px}.road-border{stroke-width:35px}.road-surface{stroke-width:27px}.road-highlight{stroke-width:3px}.path-unit{width:170px;height:102px}.landmark-stage{transform-origin:50%;left:34px;transform:scale(.86)}.path-unit:not(:disabled):hover .landmark-stage{transform:scale(.86)translateY(-3px)}.path-unit-label{white-space:normal;min-width:72px;max-width:94px;padding:7px 8px;top:31px}.label-right .path-unit-label{left:119px}.label-left .path-unit-label{right:119px}.path-unit-label small{font-size:7px}.path-unit-label strong{font-size:9px;line-height:1.25}.path-scroll-hint{font-size:8px}.choices{grid-template-columns:1fr}.exercise-card{border-radius:21px}.exercise-footer{flex-wrap:wrap;gap:10px}.helper-text{display:none}.login-art{min-height:330px;padding:28px}.login-copy{padding-top:40px;padding-bottom:0}.login-copy h1{font-size:38px}.feature-pills{display:none}.login-form-wrap{padding:16px}.login-card{padding:25px}.profile-card{text-align:center;grid-template-columns:1fr}.profile-avatar{margin:auto}.stats{grid-template-columns:repeat(3,1fr)}.unit-hub{border-radius:22px;min-height:calc(100vh - 150px)}.unit-hub-content{width:min(100% - 24px,780px);padding:18px 0 32px}.unit-hub-header{margin:28px auto 16px;padding:22px}.forest-note{width:100%}}@media (prefers-reduced-motion:reduce){.landmark-state.current,.forest-mist{animation:none}}.path-unit{width:196px;height:92px;transform:translate(-50%,-50%)}.path-unit:not(:disabled):hover .checkpoint-stage{transform:translateY(-4px)}.checkpoint-stage{place-items:center;width:74px;height:78px;transition:transform .18s;display:grid;position:absolute;top:6px;left:61px}.checkpoint-ground{background:#78985f;border-radius:50%;height:21px;position:absolute;bottom:4px;left:7px;right:7px;box-shadow:0 5px 10px #354b3029}.path-checkpoint{z-index:2;color:#fff;background:#9da5a1;border:5px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 6px #777e7a,0 10px 18px #29443333}.path-checkpoint.completed{background:#159b8d;box-shadow:0 6px #0e7168,0 10px 18px #159b8d38}.path-checkpoint.current{background:#ef673f;width:66px;height:66px;animation:2.2s ease-in-out infinite checkpointGlow;box-shadow:0 7px #b64324,0 0 0 8px #fabe7b47,0 13px 22px #bf4b2740}.path-unit-label{top:18px}.label-right .path-unit-label{left:132px}.label-left .path-unit-label{right:132px}.path-unit.locked .path-unit-label{opacity:.82}@keyframes checkpointGlow{50%{box-shadow:0 7px #b64324,0 0 0 13px #fabe7b21,0 15px 25px #bf4b2747}}@media (width<=620px){.path-unit{width:164px;height:82px}.checkpoint-stage{width:68px;height:72px;top:5px;left:48px}.path-checkpoint{border-width:4px;width:52px;height:52px}.path-checkpoint.current{width:60px;height:60px}.path-unit-label{top:15px}.label-right .path-unit-label{left:110px}.label-left .path-unit-label{right:110px}}@media (prefers-reduced-motion:reduce){.path-checkpoint.current{animation:none}}.scenic-house{z-index:1;filter:drop-shadow(0 7px 6px #34492f26);width:76px;height:65px;position:absolute;top:43%}.scenic-house-left{left:7%}.scenic-house-right{right:7%}.scenic-house-shadow{background:#384b312e;border-radius:50%;height:14px;position:absolute;bottom:1px;left:8px;right:8px}.scenic-house-body{background:#e7c996;border-radius:3px 3px 5px 5px;width:48px;height:34px;position:absolute;bottom:8px;left:15px;box-shadow:inset 0 -6px #8763350f}.scenic-house-body b{background:#775039;border-radius:2px 2px 0 0;width:10px;height:19px;position:absolute;bottom:0;left:20px}.scenic-house-body em{background:#f7d477;border-radius:2px;width:9px;height:8px;position:absolute;bottom:13px;right:8px;box-shadow:-24px 0 #f7d477}.scenic-house-roof{clip-path:polygon(50% 0,100% 48%,90% 100%,10% 100%,0 48%);background:#2b6359;width:64px;height:27px;position:absolute;bottom:39px;left:7px}.scenic-house-ridge{background:#d77a53;border-radius:4px;width:6px;height:24px;position:absolute;bottom:51px;left:35px;transform:rotate(-39deg)}.house-tone-1 .scenic-house-roof{background:#6d503e}.house-tone-1 .scenic-house-body{background:#edd4aa}.house-tone-2 .scenic-house-roof{background:#397267}.house-tone-2 .scenic-house-body{background:#dfbd82}.scenic-fence{z-index:1;opacity:.78;border-top:4px solid #866345;border-bottom:4px solid #866345;width:64px;height:27px;position:absolute;top:55%}.fence-right{right:14%;transform:rotate(-5deg)}.fence-left{left:14%;transform:rotate(5deg)}.scenic-fence i{background:#78583f;border-radius:3px;width:5px;height:38px;position:absolute;top:-8px}.scenic-fence i:first-child{left:4px}.scenic-fence i:nth-child(2){left:29px}.scenic-fence i:last-child{right:4px}@media (width<=620px){.scenic-house{transform-origin:50%;transform:scale(.78)}.scenic-house-left{left:2%}.scenic-house-right{right:2%}.scenic-fence{opacity:.6;transform:scale(.78)}.village-terrace .css-tree:nth-of-type(n+6){display:none}}.scenic-house-secondary{transform-origin:50%;top:14%;transform:scale(.72)}.scenic-house-secondary.scenic-house-left{left:22%}.scenic-house-secondary.scenic-house-right{right:22%}.scenic-gate{z-index:1;filter:drop-shadow(0 6px 5px #34492f24);width:72px;height:60px;position:absolute;top:70%}.gate-left{left:8%}.gate-right{right:8%}.scenic-gate>b{clip-path:polygon(8% 0,92% 0,100% 55%,84% 76%,16% 76%,0 55%);background:#2c665a;width:68px;height:20px;position:absolute;top:3px;left:2px}.scenic-gate>em{background:#bd8054;border-radius:2px;width:50px;height:9px;position:absolute;top:18px;left:11px}.scenic-gate>i{background:#81563e;border-radius:2px;width:8px;height:37px;position:absolute;top:22px;box-shadow:inset -2px 0 #482b1e24}.scenic-gate>i:first-of-type{left:14px}.scenic-gate>i:nth-of-type(2){right:14px}.scenic-grass{z-index:1;width:34px;height:25px;position:absolute;top:22%}.grass-left{left:18%}.grass-right{right:18%}.scenic-grass.grass-low{top:auto;bottom:13%}.scenic-grass i{transform-origin:bottom;background:#4e7b44;border-radius:100% 0;width:4px;height:22px;position:absolute;bottom:0;left:50%}.scenic-grass i:first-child{height:17px;transform:rotate(-38deg)}.scenic-grass i:nth-child(2){height:24px;transform:rotate(-15deg)}.scenic-grass i:nth-child(3){height:21px;transform:rotate(18deg)}.scenic-grass i:nth-child(4){height:15px;transform:rotate(40deg)}.scenic-flower-patch{z-index:1;width:46px;height:30px;position:absolute;top:31%}.flowers-left{left:8%}.flowers-right{right:8%}.scenic-flower-patch i{background:#527848;border-radius:3px;width:3px;height:20px;position:absolute;bottom:0}.scenic-flower-patch i:before{content:"";background:#f3a090;border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;left:-4px;box-shadow:5px 1px #f7c077,-4px 3px #ee8e9f}.scenic-flower-patch i:first-child{height:16px;left:5px}.scenic-flower-patch i:nth-child(2){height:25px;left:21px}.scenic-flower-patch i:nth-child(3){height:18px;right:5px}.scenic-stone-cluster{z-index:1;width:57px;height:27px;position:absolute;bottom:25%}.stones-left{left:21%}.stones-right{right:21%}.scenic-stone-cluster i{background:#c7cbb1;border-radius:55% 60% 43% 48%;position:absolute;bottom:0;box-shadow:inset -5px -4px #5e705821}.scenic-stone-cluster i:first-child{width:30px;height:21px;left:1px}.scenic-stone-cluster i:nth-child(2){width:23px;height:16px;left:24px}.scenic-stone-cluster i:nth-child(3){width:17px;height:12px;right:0}@media (width<=620px){.scenic-house-secondary{display:none}.scenic-gate{transform-origin:50%;transform:scale(.72)}.gate-left{left:1%}.gate-right{right:1%}.scenic-flower-patch{transform:scale(.78)}.flowers-left{left:3%}.flowers-right{right:3%}.scenic-stone-cluster{transform:scale(.75)}.village-terrace .scenic-grass.grass-low{display:none}}.app-loading{text-align:center;min-height:100vh;color:var(--forest-dark);background:#f7faf7;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid}.app-loading p{color:var(--muted);margin:0;font-size:13px}.loading-spinner{border:3px solid #d8e8e2;border-top-color:#159b8d;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite authSpin}.global-auth-error{color:#9f4027;background:#fff4f0;border:1px solid #f2c3b5;border-radius:11px;margin:12px 44px -12px;padding:10px 13px;font-size:12px}.progress-loading,.progress-error{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:360px;display:grid}.progress-loading strong,.progress-error strong{color:var(--forest-dark)}.progress-error p{color:var(--muted);margin:0;font-size:13px}.progress-error .primary-btn,.inline-error .primary-btn{width:auto}.inline-loading,.inline-error{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.inline-loading .loading-spinner{width:22px;height:22px}.inline-error{flex-direction:column}.inline-error p,.empty-ranking{text-align:center;color:var(--muted);margin:0}.empty-ranking{padding:36px 12px}.avatar-image{object-fit:cover;background:#edf5f1}.logout-icon{color:#718078;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.logout-icon:hover{color:#b84a2d;background:#fff0e9}.profile-avatar-image{object-fit:cover}.profile-email{color:var(--muted);margin:-4px 0 5px;font-size:12px}.profile-logout{color:#a44329;background:#fff7f4;border:1px solid #f0c6b9;border-radius:11px;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-weight:700;display:inline-flex}.session-save-error{color:#9f4027;background:#fff4f0;border:1px solid #f2c3b5;border-radius:12px;flex-direction:column;gap:3px;margin-top:20px;padding:12px 14px;font-size:12px;display:flex}.session-save-error span{color:#79584f}@keyframes authSpin{to{transform:rotate(360deg)}}@media (width<=620px){.global-auth-error{margin:10px 16px -8px}.mobile-top>.avatar{width:35px;height:35px}.profile-details{text-align:center}.profile-logout{justify-content:center}.rank-row{grid-template-columns:34px 1fr}.units-count{grid-column:2}.ranking-card{padding:14px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.resume-copy{color:#137a70;margin-top:3px;font-size:9px;font-style:normal;font-weight:700;display:block}.path-resume-label{color:#137a70;border-top:1px solid #d9e9e3;margin-top:4px;padding-top:4px;font-size:8px;font-style:normal;font-weight:800;display:block}.path-unit.current .path-unit-label:has(.path-resume-label){min-width:118px}.sheet-resume{background:#eaf9f6;border-radius:10px;padding:8px 10px;font-weight:800;color:#137a70!important;margin:-5px 0 10px!important}.unit-session-shell{width:min(860px,100%);min-height:calc(100vh - 112px);margin:0 auto;padding:8px 0 44px}.session-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:14px;display:grid}.session-header>div{text-align:center}.session-header small,.session-header strong{display:block}.session-header small{color:var(--muted);margin-bottom:2px;font-size:9px}.session-header strong{font-size:14px}.session-header>span{color:#12675e;justify-self:end;font-size:12px;font-weight:800}.session-exit{border:1px solid var(--line);color:#5d6a63;background:#fff;border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:flex}.session-progress{background:#e5ece7;border-radius:999px;height:9px;margin-bottom:20px;overflow:hidden}.session-progress i{border-radius:inherit;background:#159b8d;height:100%;transition:width .25s;display:block}.session-question-card{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;min-height:560px;padding:clamp(26px,5vw,48px);display:flex;box-shadow:0 20px 55px #42342514}.session-question-type{color:#12675e;letter-spacing:.07em;background:#eaf9f6;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.session-question-type.listening{color:#315e7a;background:#edf6fb}.session-question-type.speaking{color:#b44e30;background:#fff0e9}.session-instruction{letter-spacing:-.025em;color:#1f2b2d;margin:24px 0 18px;font-size:22px;font-weight:800}.session-prompt{background:#f4faf7;border-radius:18px;justify-items:center;gap:6px;margin:8px 0 18px;padding:22px;display:grid}.session-prompt strong{letter-spacing:.03em;font-size:42px}.session-prompt small{color:var(--muted);font-size:12px}.sentence-prompt{text-align:center;background:#f4faf7;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:108px;margin:8px 0 6px;padding:20px;font-size:clamp(23px,4vw,34px);font-weight:800;line-height:1.55;display:flex}.sentence-prompt b{color:#ef673f;border-bottom:4px solid #ef673f;min-width:92px}.listening-prompt{white-space:pre-wrap}.session-translation{text-align:center;color:var(--muted);font-size:11px}.session-audio-button,.session-record-button{color:#12675e;background:#eef9f6;border:1px solid #b9ddd8;border-radius:13px;align-items:center;gap:9px;width:max-content;margin:0 auto 19px;padding:11px 16px;font-size:11px;font-weight:800;display:flex}.session-audio-button.playing{opacity:.7}.session-choices{grid-template-columns:1fr 1fr;gap:11px;margin-top:14px;display:grid}.session-choice{border:2px solid var(--line);min-height:58px;color:var(--ink);text-align:left;background:#fff;border-radius:15px;align-items:center;gap:11px;padding:12px 14px;display:flex}.session-choice:hover{border-color:#93c9c1}.session-choice.selected{background:#eaf9f6;border-color:#159b8d;box-shadow:inset 0 0 0 1px #159b8d}.session-choice>span{color:#7f8e85;border:1px solid #d5dfd8;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.session-choice strong{font-size:13px}.speaking-target{text-align:center;background:#f4faf7;border-radius:18px;gap:7px;margin:7px 0 18px;padding:22px;display:grid}.speaking-target strong{font-size:clamp(22px,4vw,31px);line-height:1.55}.speaking-target span{color:var(--muted);font-size:11px}.session-record-button{color:#fff;background:#ef673f;border-color:#ef673f;box-shadow:0 6px #b64324}.session-record-button.recording{animation:1.3s ease-in-out infinite pulse}.session-transcript{color:#6c7a72;background:#f7fbf9;border:1px dashed #badbd3;border-radius:14px;margin:2px 0 12px;padding:15px 17px}.session-transcript.has-result{background:#eef9f6;border-style:solid}.session-transcript strong{color:#25332c;margin-bottom:5px;font-size:11px;display:block}.session-transcript p{margin:0;font-size:11px;line-height:1.6}.session-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:24px;display:flex}.session-footer>span{color:var(--muted);font-size:10px}.session-footer .primary-btn{width:auto;min-width:132px}.session-answer-count{text-align:center;color:#9aa69f;margin-top:10px;font-size:9px;display:block}.session-complete{border:1px solid var(--line);text-align:center;background:#fff;border-radius:28px;width:min(650px,100%);margin:8vh auto 0;padding:48px;box-shadow:0 20px 55px #42342514}.complete-icon{color:#fff;background:#159b8d;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid;box-shadow:0 7px #0e7168,0 12px 22px #159b8d38}.session-complete h1{font-size:31px}.session-complete>p:not(.eyebrow){max-width:460px;color:var(--muted);margin:0 auto 24px;line-height:1.75}.session-complete .primary-btn{width:auto;margin:auto;padding-inline:24px}@media (width<=620px){.unit-session-shell{min-height:calc(100vh - 154px);padding:0 0 80px}.session-header{grid-template-columns:auto 1fr auto;gap:9px}.session-exit{place-items:center;width:38px;height:38px;padding:0;display:grid}.session-exit:not(:focus-visible){font-size:0}.session-question-card{border-radius:22px;min-height:calc(100svh - 255px);padding:22px 17px}.session-instruction{margin-top:19px;font-size:19px}.session-prompt strong{font-size:36px}.sentence-prompt{flex-wrap:wrap;min-height:94px;font-size:22px}.session-choices{grid-template-columns:1fr;gap:9px}.session-choice{min-height:54px}.session-footer{margin-inline:-17px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;margin-bottom:-22px;padding:14px 17px 18px;position:sticky;bottom:77px}.session-footer>span{display:none}.session-footer .primary-btn{width:100%}.session-complete{margin-top:2vh;padding:34px 22px}.session-complete h1{font-size:27px}}.session-header{grid-template-columns:1fr auto auto auto;gap:12px}.session-restart{border:1px solid var(--line);color:#718078;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.session-restart:hover{color:#a84a30;border-color:#eac2b5}.session-resume-note{text-align:center;color:#137a70;margin:-8px 0 13px;font-size:10px;font-weight:700}.session-loading,.session-stale{text-align:center;border:1px solid var(--line);background:#fff;border-radius:28px;place-content:center;justify-items:center;gap:11px;min-height:520px;padding:28px;display:grid}.session-loading p,.session-stale p{max-width:420px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.session-stale h2{margin:0}.session-stale .primary-btn{width:auto;margin-top:8px}@media (width<=620px){.session-header{grid-template-columns:auto 1fr auto auto;gap:7px}.session-restart{place-items:center;width:36px;height:36px;padding:0;display:grid}.session-restart:not(:focus-visible){font-size:0}.session-loading,.session-stale{border-radius:22px;min-height:calc(100svh - 250px)}}.sentence-prompt b{border-bottom:0}.session-header{grid-template-columns:1fr auto auto auto auto}.session-score{white-space:nowrap;background:#eaf9f6;border-radius:999px;padding:7px 10px}.session-choice:disabled{cursor:default}.session-choice.correct{background:#eaf9f6;border-color:#159b8d}.session-choice.correct>span{color:#fff;background:#159b8d;border-color:#159b8d}.session-choice.incorrect{background:#fff1ec;border-color:#e66a49}.session-choice.incorrect>span{color:#fff;background:#e66a49;border-color:#e66a49}.answer-feedback{border:1px solid;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;margin-top:18px;padding:15px 17px;display:grid}.answer-feedback.correct,.answer-feedback.speaking-feedback{color:#12675e;background:#edf9f6;border-color:#add9d2}.answer-feedback.incorrect{color:#a33f27;background:#fff2ed;border-color:#efb9a9}.answer-feedback>div{gap:3px;display:grid}.answer-feedback strong{font-size:13px}.answer-feedback span,.answer-feedback small{font-size:10px;line-height:1.55}.answer-feedback small{color:#617169}.answer-feedback>b{white-space:nowrap;font-size:12px}.unit-result-score{background:#f0f9f6;border-radius:18px;gap:4px;width:min(270px,100%);margin:21px auto 20px;padding:20px;display:grid}.unit-result-score span,.unit-result-score small{color:var(--muted);font-size:10px}.unit-result-score strong{color:#12675e;font-size:36px}@media (width<=620px){.session-header{grid-template-columns:auto 1fr auto auto}.session-header>.session-score{display:none}.answer-feedback{grid-template-columns:auto 1fr}.answer-feedback>b{grid-column:2}.unit-result-score strong{font-size:32px}}.speaking-attempts{color:#718078;text-align:center;margin:-7px auto 17px;font-size:10px;font-weight:700}.speaking-recorded,.speaking-evaluation,.speaking-error{background:#f8fbf9;border:1px solid #d5e5df;border-radius:16px;gap:14px;margin:2px 0 8px;padding:17px;display:grid}.speaking-recorded>strong{font-size:12px}.speaking-recorded audio,.speaking-error audio{width:100%;height:42px}.speaking-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.speaking-actions .primary-btn,.speaking-actions .secondary-btn{width:auto;min-width:130px;padding:11px 17px}.speaking-processing{border-style:solid;align-items:center;gap:13px;display:flex}.speaking-processing .loading-spinner{flex:none;width:25px;height:25px}.speaking-processing strong{margin:0}.speaking-score{color:#12675e;background:#eaf9f6;border-radius:14px;justify-items:center;gap:3px;padding:16px;display:grid}.speaking-score span,.speaking-score small{font-size:10px}.speaking-score strong{font-size:38px;line-height:1}.speaking-error{color:#9f4027;background:#fff4f0;border-color:#efc1b4}.speaking-error>p{color:#79584f;margin:0;font-size:11px}.speaking-error .secondary-btn{color:#984028;background:#fff;border-color:#e9b6a8}.speaking-evaluation .session-transcript{margin:0}:is(.session-question-card:has(.speaking-evaluation),.session-question-card:has(.speaking-recorded),.session-question-card:has(.speaking-error)){min-height:620px}.speaking-record-controls,.speaking-processing-wrap{justify-items:center;gap:13px;display:grid}.speaking-record-controls .session-record-button{margin-bottom:0}.speaking-skip-button{color:#65766e;background:0 0;border:0;border-bottom:1px solid #b8c9c2;padding:8px 13px;font-size:10px;font-weight:800}.speaking-skip-button:hover{color:#12675e;border-color:#159b8d}.speaking-skip-button:disabled{opacity:.55}.speaking-processing-wrap{justify-items:stretch}.speaking-processing-wrap>audio{width:100%;height:42px}.speaking-processing-wrap>.speaking-skip-button{justify-self:center}.speaking-processing{box-sizing:border-box;width:100%;margin:0}.session-question-card:has(.speaking-processing-wrap){min-height:620px}@media (width<=620px){.speaking-actions{grid-template-columns:1fr;display:grid}.speaking-actions .primary-btn,.speaking-actions .secondary-btn{width:100%}:is(.session-question-card:has(.speaking-evaluation),.session-question-card:has(.speaking-recorded),.session-question-card:has(.speaking-error)){min-height:calc(100svh - 255px)}}