@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport--native{--device-safe-area-bottom:env(safe-area-inset-bottom,0px);background:#fff;width:100%;height:100dvh;position:fixed;overflow:hidden}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{--ink:#172b2a;--muted:#71807e;--line:#e5ecea;--mint:#8fc9bc;--mint-dark:#2e786d;--mint-soft:#e8f4f0;--blue:#8fb9d9;--coral:#ef9d88;--cream:#fbfaf6}*{box-sizing:border-box}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.prototype-shell{height:100%;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;position:relative;overflow:hidden}.app-screen{background:#fff}.screen-content{min-height:100%;padding-bottom:calc(108px + var(--device-safe-area-bottom,34px))}.page-pad{padding:max(22px, calc(env(safe-area-inset-top,0px) + 8px)) 22px 32px}.topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{color:#143150;cursor:pointer;letter-spacing:-.7px;background:0 0;border:0;align-items:baseline;gap:4px;padding:0;font-size:16px;font-weight:850;display:flex}.wordmark b{color:var(--coral);font-size:15px;font-style:italic;font-weight:850}.countdown-pill{color:#52615f;background:#f6f8f7;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:650;display:flex}.countdown-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #fdece7}.today-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:29px 1px 18px;display:flex}.eyebrow{color:var(--mint-dark);letter-spacing:1.6px;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}.today-heading h1,.page-header h1,.scene-detail h1{letter-spacing:-1.2px;margin:0;font-size:30px;line-height:1.12}.done-tag{background:var(--mint-soft);color:var(--mint-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:11px;font-weight:750;display:inline-flex}.hero-card{border-radius:27px;height:219px;position:relative;overflow:hidden;box-shadow:0 14px 32px #2c5b531a}.hero-card img{object-fit:cover;width:100%;height:100%;display:block}.hero-overlay{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#53605e;background:#ffffffdb;border-radius:16px;justify-content:space-between;align-items:center;padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.hero-overlay strong{color:var(--ink);font-size:12px}.task-card{border:1px solid var(--line);background:#fff;border-radius:25px;margin-top:18px;padding:16px 13px 13px;box-shadow:0 12px 34px #172b2a0e}.task-card-head{justify-content:space-between;align-items:flex-start;margin:0 2px 8px;display:flex}.mini-label{color:#8a9896;letter-spacing:1.5px;font-size:9px;font-weight:800;display:block}.task-card-head h2,.calendar-head h2{letter-spacing:-.6px;margin:5px 0 0;font-size:18px}.minutes{color:#8b9695;margin-top:3px;font-size:11px}.task-list{border-top:1px solid var(--line)}.task-list .task-row:first-child{background:#eef6fb;border-bottom-color:#0000;border-radius:13px;margin-top:2px;padding:0 7px}.task-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:34px 1fr auto 14px;align-items:center;gap:10px;padding:0;display:grid}.task-index{width:30px;height:30px;color:var(--mint-dark);border-radius:10px;place-items:center;font-size:10px;font-weight:850;display:grid}.task-index.mint{background:#e1f2ed}.task-index.blue{color:#397196;background:#e5f0f8}.task-index.coral{color:#a75f4f;background:#fde9e4}.task-copy{flex-direction:column;gap:3px;display:flex}.task-copy strong{font-size:14px}.task-copy span{color:#8a9694;font-size:9px}.task-row b{color:#64716f;font-size:11px}.task-row>svg{color:#aab5b3}.primary-button{background:var(--ink);color:#fff;cursor:pointer;letter-spacing:.5px;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-size:13px;font-weight:800;display:flex;box-shadow:0 10px 22px #172b2a24}.primary-button:active{transform:translateY(1px)}.task-card .primary-button{margin-top:12px}.plan-peek{margin:17px 2px 0;padding:4px 2px}.plan-copy{justify-content:space-between;align-items:flex-end;margin-bottom:9px;display:flex}.plan-copy strong{font-size:11px}.tiny-progress{background:#edf1f0;border-radius:999px;height:6px;overflow:hidden}.tiny-progress span{border-radius:inherit;background:var(--mint);height:100%;transition:width .3s;display:block}.bottom-nav{z-index:20;height:calc(78px + var(--device-safe-area-bottom,34px));padding:10px 12px calc(10px + var(--device-safe-area-bottom,34px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #d8e2dfd9;grid-template-columns:repeat(4,1fr);align-items:start;display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-app-viewport[data-platform=android] .screen-content{padding-bottom:108px}.mobile-app-viewport[data-platform=android] .bottom-nav{height:78px;padding-bottom:10px}.mobile-app-viewport[data-platform=android] .practice-screen{padding-bottom:32px}.nav-item{color:#99a3a2;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;font-size:10px;font-weight:650;display:flex}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--mint-dark)}.nav-item.active svg{filter:drop-shadow(0 4px 8px #42847733)}.page-header{padding:18px 2px 22px}.page-header h1{margin-bottom:9px}.page-header>p:last-child{max-width:325px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.scene-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.scene-thumb{border-radius:21px;height:120px;position:relative;overflow:hidden;box-shadow:0 8px 20px #26484414}.scene-thumb img{object-fit:cover;width:100%;height:100%;display:block}.scene-number,.scene-check{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:10px;place-items:center;min-width:26px;height:26px;font-size:9px;font-weight:850;display:grid;position:absolute;top:9px}.scene-number{left:9px}.scene-check{color:var(--mint-dark);right:9px}.scene-card-copy{flex-direction:column;gap:3px;padding:10px 4px 3px;display:flex}.scene-card-copy strong{font-size:14px}.scene-card-copy span{color:#7a8785;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.scene-card-copy small{color:var(--mint-dark);margin-top:2px;font-size:9px;font-weight:700}.back-button{color:#62706e;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:4px 0 18px;padding:0;font-size:12px;font-weight:700;display:flex}.detail-hero{border-radius:27px;height:234px;margin-bottom:23px;overflow:hidden;box-shadow:0 12px 28px #254c4617}.detail-hero img{object-fit:cover;width:100%;height:100%}.scene-detail h1{margin-bottom:8px}.detail-summary{color:var(--muted);margin-bottom:17px;font-size:13px;line-height:1.6}.detail-stats{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;overflow:hidden}.detail-stats span{color:#8a9694;text-align:center;padding:13px 5px;font-size:10px}.detail-stats span+span{border-left:1px solid var(--line)}.detail-stats b{color:var(--ink);margin-bottom:2px;font-size:17px;display:block}.preview-phrases{margin-bottom:18px}.preview-phrases>.mini-label{margin:0 2px 8px}.preview-phrases button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--mint-dark);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:13px 11px;display:flex}.preview-phrases button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.preview-phrases button strong{color:var(--ink);font-size:12px}.preview-phrases button small{color:var(--muted);font-size:10px}.search-field{border:1px solid var(--line);color:#92a09d;background:#f8faf9;border-radius:16px;align-items:center;gap:9px;height:48px;margin-bottom:13px;padding:0 14px;display:flex}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-field button{color:#7e8987;cursor:pointer;background:0 0;border:0}.category-carousel{margin:0 -22px 16px}.category-track{gap:8px;padding:0 22px}.category-chip{border:1px solid var(--line);color:#6f7b79;cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 13px;font-size:10px;font-weight:700}.category-chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.phrase-list{flex-direction:column;gap:10px;display:flex}.phrase-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:15px 12px 14px 16px;display:grid}.phrase-main{min-width:0}.phrase-scene{color:var(--mint-dark);margin-bottom:7px;font-size:9px;font-weight:800;display:block}.phrase-main strong{font-size:13px;line-height:1.45;display:block}.phrase-main p{color:var(--muted);margin:4px 0 0;font-size:10px}.phrase-actions{align-items:flex-start;gap:4px;display:flex}.phrase-actions button{background:var(--mint-soft);width:32px;height:32px;color:var(--mint-dark);cursor:pointer;border:0;border-radius:11px;place-items:center;display:grid}.phrase-actions button:last-child{color:#87928f;background:#f7f8f7}.phrase-actions button.saved{color:#b96855;background:#fdeae5}.empty-state{color:#93a09d;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.empty-state svg{width:25px;height:25px;margin-bottom:12px}.empty-state strong{color:var(--ink);font-size:14px}.empty-state span{margin-top:5px;font-size:11px}.progress-hero{background:var(--mint-soft);border-radius:25px;grid-template-columns:116px 1fr;align-items:center;gap:16px;padding:20px;display:grid}.progress-ring{background:conic-gradient(var(--mint-dark) var(--progress), #d4e7e1 0);border-radius:50%;width:112px;height:112px;padding:10px}.progress-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.progress-ring strong{letter-spacing:-1px;font-size:24px}.progress-ring span{color:var(--muted);font-size:9px}.progress-summary h2{margin:6px 0;font-size:17px;line-height:1.3}.progress-summary p{color:var(--muted);margin:0;font-size:10px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}.stat-grid>div{border:1px solid var(--line);background:#fff;border-radius:19px;grid-template-rows:1fr auto;grid-template-columns:24px 1fr;align-items:center;min-height:94px;padding:15px;display:grid}.stat-grid svg{color:var(--mint-dark);grid-row:1/span 2}.stat-grid strong{font-size:19px}.stat-grid span{color:var(--muted);font-size:9px}.calendar-card{border:1px solid var(--line);border-radius:23px;margin-bottom:16px;padding:18px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.calendar-head>span{color:var(--mint-dark);font-size:11px;font-weight:800}.day-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-dot{aspect-ratio:1;color:#8b9795;background:#f3f6f5;border-radius:10px;place-items:center;font-size:9px;font-weight:750;display:grid}.day-dot.done{background:var(--mint);color:#fff}.day-dot.today{outline:2px solid var(--coral);outline-offset:1px;color:var(--ink)}.practice-screen{min-height:100%;padding:max(22px, calc(env(safe-area-inset-top,0px) + 8px)) 22px calc(32px + var(--device-safe-area-bottom,0px));background:#fff}.practice-header{grid-template-columns:38px 1fr 45px;align-items:center;gap:14px;display:grid}.practice-header>button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#f4f7f6;border:0;border-radius:13px;place-items:center;display:grid}.practice-header>span{color:#899593;text-align:right;font-size:9px;font-weight:800}.practice-progress{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.practice-progress span{background:#e7eceb;border-radius:999px;height:5px}.practice-progress span.active{background:var(--mint)}.exercise-page{padding-top:34px}.exercise-kicker{color:#83908e;margin-bottom:10px;font-size:10px;font-weight:650}.exercise-kicker span{color:var(--mint-dark);letter-spacing:1px;margin-right:7px;font-weight:850}.exercise-page>h1{letter-spacing:-.9px;margin-bottom:28px;font-size:27px}.word-card{border-radius:31px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:32px 25px;display:flex;box-shadow:0 18px 40px #254d4617}.sound-orb{width:62px;height:62px;color:var(--mint-dark);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;margin-bottom:28px;display:grid;box-shadow:0 10px 24px #2d675b21}.sound-orb svg{width:24px;height:24px}.word-card>strong{letter-spacing:-1.2px;text-align:center;font-size:34px}.word-card>span{color:#667673;margin-top:7px;font-size:13px}.word-card>p{background:#ffffffb8;border-radius:999px;margin:17px 0 0;padding:8px 15px;font-size:13px;font-weight:700}.practice-tip{color:#87928f;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:10px;display:flex}.practice-next{margin-top:22px}.big-phrase-card{background:#f2f7f5;border-radius:29px;flex-direction:column;justify-content:center;min-height:330px;padding:42px 25px 28px;display:flex;position:relative}.quote-mark{color:var(--mint);font-family:Georgia,serif;font-size:58px;line-height:1;position:absolute;top:15px;left:22px}.big-phrase-card>strong{letter-spacing:-.4px;font-family:Georgia,Times New Roman,serif;font-size:27px;line-height:1.35}.big-phrase-card>p{color:#667472;margin:18px 0 24px;font-size:12px}.big-phrase-card>button{color:var(--mint-dark);cursor:pointer;background:#fff;border:0;border-radius:12px;align-self:flex-start;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:750;display:flex}.phrase-context{border:1px solid var(--line);color:var(--mint-dark);border-radius:16px;gap:11px;margin:13px 0 0;padding:14px;display:flex}.phrase-context span{color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.phrase-context b{color:var(--ink)}.roleplay-exercise{padding-bottom:20px}.roleplay-exercise>h1{margin-bottom:14px}.roleplay-scene{border-radius:21px;height:142px;position:relative;overflow:hidden}.roleplay-scene img{object-fit:cover;width:100%;height:100%}.roleplay-scene span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#52625f;background:#ffffffdb;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:700;position:absolute;bottom:10px;left:10px}.dialog-stack{margin:15px 0}.coach-bubble{background:#f1f6f4;border-radius:18px 18px 18px 6px;grid-template-columns:25px 1fr 28px;align-items:start;gap:9px;padding:14px;display:grid}.coach-bubble>span{background:var(--mint-dark);color:#fff;border-radius:9px;place-items:center;width:25px;height:25px;font-size:8px;font-weight:850;display:grid}.coach-bubble>div{flex-direction:column;gap:5px;display:flex}.coach-bubble strong{font-size:12px;line-height:1.45}.coach-bubble small,.your-prompt small{color:var(--muted);font-size:9px}.coach-bubble button{width:28px;height:28px;color:var(--mint-dark);cursor:pointer;background:#fff;border:0;border-radius:9px}.your-prompt{border:1px dashed #d7e2df;border-radius:16px 16px 6px;flex-direction:column;align-items:flex-start;gap:5px;margin:10px 0 0 28px;padding:12px 14px;display:flex}.your-prompt>span{color:var(--coral);letter-spacing:1px;font-size:8px;font-weight:850}.your-prompt>strong{font-size:12px}.your-prompt button{color:var(--mint-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:9px;font-weight:700;display:flex}.speak-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:19px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 14px;display:flex}.speak-button.recording{background:#d97663;animation:1.2s ease-in-out infinite pulse}.mic-core{background:#ffffff24;border-radius:12px;place-items:center;width:35px;height:35px;display:grid}.speak-button strong{font-size:11px}@keyframes pulse{50%{box-shadow:0 0 0 8px #d9766324}}.speech-result{background:var(--mint-soft);color:var(--mint-dark);border-radius:15px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 13px;display:flex}.speech-result>div{align-items:center;gap:8px;display:flex}.speech-result span{flex-direction:column;gap:3px;display:flex}.speech-result small{color:#71827e;font-size:8px}.speech-result strong{max-width:250px;color:var(--ink);font-size:10px}.speech-result>b{font-size:12px}.roleplay-next{margin-top:10px}.completion-page{text-align:center;padding-top:90px}.celebration-mark{background:var(--mint);color:#fff;border-radius:29px;place-items:center;width:83px;height:83px;margin:0 auto 24px;display:grid;transform:rotate(-4deg);box-shadow:0 16px 35px #45877938}.celebration-mark svg{width:35px;height:35px}.completion-page h1{margin-bottom:12px;font-size:29px}.completion-page>p:not(.eyebrow){max-width:310px;color:var(--muted);margin:0 auto;font-size:12px;line-height:1.65}.completion-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 25px;display:grid}.completion-stats>div{border:1px solid var(--line);border-radius:17px;flex-direction:column;align-items:center;gap:5px;padding:15px 5px;display:flex}.completion-stats svg{color:var(--coral)}.completion-stats strong{font-size:17px}.completion-stats span{color:var(--muted);font-size:9px}.secondary-button{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border-radius:16px;margin-top:10px;font-size:11px;font-weight:750}@media (width<=390px){.page-pad{padding-inline:18px}.category-carousel{margin-inline:-18px}.category-track{padding-inline:18px}.hero-card{height:205px}.scene-thumb{height:113px}.progress-hero{grid-template-columns:104px 1fr;padding:16px}.progress-ring{width:102px;height:102px}}