@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#171714;--paper:#fffdf5;--cream:#f4f0df;--yellow:#ffd83d;--coral:#ff765f;--blue:#75cef5;--green:#a5db78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans Thai,sans-serif}button,a{font:inherit}button{color:inherit}.topbar{border-bottom:3px solid var(--ink);background:linear-gradient(90deg,var(--yellow) 0 13px,var(--cream) 13px 100%);z-index:5;justify-content:flex-start;align-items:center;gap:26px;height:98px;padding:0 clamp(22px,5vw,76px);display:flex;position:relative;box-shadow:0 5px #17171416}.brand{color:var(--ink);border:2px solid var(--ink);width:190px;height:70px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:8px 13px;text-decoration:none;display:flex;overflow:hidden}.brand img{object-fit:contain;width:100%;height:100%;display:block}.brand-dot{background:var(--coral);border:2px solid var(--ink);width:50px;height:50px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:28px;display:grid}.streak{grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:0 4px;font-size:12px;display:grid}.streak span{grid-row:1/3;font-size:27px}.streak strong{font-size:14px}.streak small{color:#666}.topnav{border-right:1px solid #b9b4a4;gap:24px;margin-left:auto;padding-right:26px;display:flex}.topnav a{color:var(--ink);border-bottom:2px solid #0000;padding:6px 0;font-size:12px;font-weight:900;text-decoration:none}.topnav a:hover{border-color:var(--ink)}.profile{border:2px solid var(--ink);background:var(--blue);width:50px;height:50px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;font-size:16px;font-weight:1000}.hero{grid-template-columns:minmax(0,1fr);align-items:center;min-height:560px;padding:70px clamp(22px,7vw,104px) 84px;display:grid;position:relative;overflow:hidden}.hero-copy{max-width:1100px}.hero:before{content:"";border:2px solid var(--ink);background:var(--yellow);z-index:-1;border-radius:48% 52% 54% 46%;width:360px;height:360px;position:absolute;top:80px;left:-210px;transform:rotate(22deg)}.eyebrow,.section-heading p,.conversation-head p{letter-spacing:2px;margin:0 0 14px;font-size:12px;font-weight:900}.eyebrow span{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:20px;margin-left:6px;padding:6px 10px}h1{letter-spacing:-5px;margin:0;font-size:clamp(54px,6.2vw,92px);font-weight:1000;line-height:.93}.hero h1 em{z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--yellow);z-index:-1;height:18px;position:absolute;bottom:3px;left:-4px;right:-8px;transform:rotate(-2deg)}.lede{margin:30px 0;font-size:18px;line-height:1.7}.trust-row{align-items:center;gap:16px;display:flex}.trust-row p{font-size:13px;line-height:1.35}.avatar-stack{display:flex}.avatar-stack i{border:2px solid var(--ink);background:#eee;border-radius:50%;place-items:center;width:37px;height:37px;margin-right:-9px;font-style:normal;display:grid}.path-links{grid-template-columns:1fr;gap:11px;margin:-8px 0 28px;display:grid}.learning-path-card{min-height:82px;color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;grid-template-columns:52px 1fr;align-items:center;gap:13px;padding:12px 15px;text-decoration:none;display:grid}.learning-path-card>span{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:14px;font-weight:1000;display:grid}.learning-path-card small,.learning-path-card strong,.learning-path-card em{display:block}.learning-path-card small{font-size:9px;font-weight:900}.learning-path-card strong{margin:2px 0;font-size:15px}.learning-path-card em{font-size:10px;font-style:normal;line-height:1.35}.foundation-link{background:var(--yellow)}.roadmap-link{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yellow)}.roadmap-link>span{color:var(--ink)}.roadmap-link em{color:#c9c6bd}.vocabulary-link{background:var(--blue)}.practice-column{justify-self:center;gap:18px;width:100%;max-width:620px;display:grid}.pace-control{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:18px;padding:19px}.pace-control>div:first-child{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.pace-control>div:first-child small{letter-spacing:1.5px;font-size:10px;font-weight:1000}.pace-control>div:first-child strong{font-size:15px}.pace-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.pace-options button{border:2px solid var(--ink);background:var(--paper);text-align:center;cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:108px;padding:12px 11px;display:flex}.pace-options button.selected{background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.pace-option-icon{background:#edf5e9;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:8px;font-size:23px;line-height:1;display:grid}.pace-options button.selected .pace-option-icon{background:#fff6c7}.pace-options strong,.pace-options small{display:block}.pace-options strong{font-size:14px}.pace-options small{color:#676258;margin-top:5px;font-size:10px;line-height:1.4}.practice-card{--topic:var(--yellow);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:#fff;border-radius:28px;width:100%;max-width:620px;padding:24px;position:relative;transform:rotate(1deg)}.practice-card:before{content:"";background:var(--topic);border:2px solid var(--ink);z-index:-1;width:120px;height:42px;position:absolute;top:-24px;right:-35px;transform:rotate(7deg)}.card-top{justify-content:space-between;align-items:center;display:flex}.level-pill{background:var(--topic);border:2px solid var(--ink);border-radius:20px;padding:8px 12px;font-size:10px;font-weight:900}.live-pill{align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.live-pill i{background:#999;border-radius:50%;width:8px;height:8px}.live-pill.active i{background:#ff4638;animation:1.4s infinite pulse;box-shadow:0 0 0 5px #ff463822}.teacher{align-items:center;gap:18px;margin:26px 0 18px;display:flex}.teacher-face{background:var(--yellow);border:2px solid var(--ink);width:82px;height:82px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:44px;display:grid}.teacher p{letter-spacing:1.4px;margin:0 0 3px;font-size:9px;font-weight:900}.teacher h2{margin:0;font-size:30px;line-height:1}.teacher span{color:#6a665c;font-size:12px}.wave{border:2px solid var(--ink);background:#f4f2e9;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:58px;display:flex}.wave i{background:var(--ink);border-radius:8px;width:5px}.live .wave i{animation:.9s ease-in-out infinite alternate wave}.today-plan{border:2px solid var(--ink);text-align:left;box-shadow:3px 3px 0 var(--ink);background:#fff8d7;border-radius:12px;margin-top:14px;padding:12px 14px}.today-plan small{letter-spacing:1px;text-transform:uppercase;color:#766b38;font-size:9px;font-weight:1000;display:block}.today-plan strong{margin-top:4px;font-size:15px;display:block}.today-plan p{color:#5d5742;margin:6px 0 0;font-size:11px;line-height:1.55}.today-plan b{color:#d85b48;margin:0 2px}.phone-message-card{border:3px solid var(--ink);width:min(100%,420px);box-shadow:6px 6px 0 var(--ink);text-align:left;background:#f4f5f7;border-radius:28px;margin:15px auto 0;overflow:hidden}.phone-message-card>header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:9px 18px 7px;font-size:9px;display:flex}.phone-message-card>header b{letter-spacing:2px;font-size:7px}.phone-contact{border-bottom:1px solid #d5d7dc;align-items:center;gap:10px;padding:13px 16px 10px;display:flex}.phone-contact>span{border:2px solid var(--ink);background:var(--green);border-radius:50%;place-items:center;width:35px;height:35px;font-size:14px;font-weight:1000;display:grid}.phone-contact strong,.phone-contact small{display:block}.phone-contact strong{font-size:13px}.phone-contact small{color:#747780;margin-top:2px;font-size:8px}.phone-message-bubble{border:2px solid var(--ink);background:#fff;border-radius:5px 16px 16px;margin:14px 45px 14px 16px;padding:13px 14px;font-size:12px;line-height:1.6}.phone-message-bubble b{background:linear-gradient(#0000 62%,#bfeaa1 62%)}.phone-message-card>footer{border-top:2px solid var(--ink);background:#e7f5df;gap:7px;padding:11px 16px 14px;display:grid}.phone-message-card>footer span{font-size:10px;font-weight:1000}.phone-message-card>footer strong{font-size:9px;line-height:1.45}.lesson-prop-card{border:3px solid var(--ink);width:min(100%,500px);box-shadow:6px 6px 0 var(--ink);text-align:left;background:#fff;border-radius:18px;margin:15px auto 0;overflow:hidden}.lesson-prop-card>header{background:var(--topic);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.lesson-prop-card>header small,.lesson-prop-card>header h3{margin:0;display:block}.lesson-prop-card>header small{letter-spacing:1.5px;font-size:8px;font-weight:1000}.lesson-prop-card>header h3{margin-top:3px;font-size:23px;line-height:1}.lesson-prop-card>header>span{font-size:29px}.lesson-prop-card>footer{border-top:2px solid var(--ink);background:#f3f0e7;padding:11px 16px;font-size:9px;font-weight:1000}.prop-detail-grid{border-top:2px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.prop-detail-grid>div{border-right:1px solid #c9c4b7;min-width:0;padding:12px}.prop-detail-grid>div:last-child{border-right:0}.prop-detail-grid small,.prop-detail-grid b{display:block}.prop-detail-grid small{letter-spacing:.8px;color:#6b675f;font-size:7px}.prop-detail-grid b{overflow-wrap:anywhere;margin-top:4px;font-size:11px}.bts-route-map{background:#eff9e8;align-items:center;gap:7px;padding:19px 16px;display:flex}.bts-route-map b,.bts-route-map em{white-space:nowrap;font-size:9px;font-style:normal}.bts-route-map i{background:var(--green);border:1px solid var(--ink);border-radius:10px;flex:1;height:5px}.movie-showtimes{gap:8px;padding:15px;display:flex}.movie-showtimes span,.movie-showtimes b{border:2px solid var(--ink);text-align:center;border-radius:9px;flex:1;padding:9px;font-size:10px}.movie-showtimes b{background:var(--yellow)}.movie-ticket{border:2px dashed var(--ink);background:#fff6d1;grid-template-columns:repeat(3,1fr);margin:0 15px 14px;display:grid}.movie-ticket>div{border-right:1px dashed var(--ink);padding:10px}.movie-ticket>div:last-child{border-right:0}.movie-ticket small,.movie-ticket b{font-size:8px;display:block}.movie-ticket b{margin-top:3px;font-size:13px}.movie-snacks,.birthday-notes{gap:8px;padding:0 15px 14px;display:flex}.movie-snacks span,.birthday-notes span{border:1px solid var(--ink);background:#edf6ff;border-radius:8px;flex:1;padding:8px;font-size:9px}.parcel-status{gap:7px;padding:14px 16px;display:flex}.parcel-status span,.parcel-status b{border:1px solid var(--ink);text-align:center;border-radius:8px;flex:1;padding:8px;font-size:7px}.parcel-status span{background:#e8f7df}.parcel-status b{background:var(--yellow)}.parcel-prop>p{color:#666;margin:0;padding:10px 16px;font-size:9px}.birthday-prop{background:#fff4ed}.birthday-message{text-align:center;margin:0;padding:15px 16px;font-size:16px;font-weight:1000}.birthday-notes span{background:#fff}.train-times{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;padding:17px 20px;display:grid}.train-times>div small,.train-times>div b,.train-times>div span{display:block}.train-times small{letter-spacing:1px;font-size:7px}.train-times b{font-size:24px}.train-times span{font-size:9px}.train-times>strong{font-size:24px}.parcel-address{border-top:2px solid var(--ink);background:#f0f7ff;gap:3px;padding:11px 16px;display:grid}.parcel-address small{letter-spacing:1px;color:#666;font-size:7px;font-weight:1000}.parcel-address b{font-size:12px}.parcel-address span{color:#575c64;font-size:9px}.movie-choice-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 15px;display:grid}.movie-choice-grid article{border:2px solid var(--ink);border-radius:11px;flex-direction:column;min-width:0;min-height:122px;padding:11px;display:flex}.movie-choice-grid article.horror{background:#eee6f7}.movie-choice-grid article.action{background:#ffe0d5}.movie-choice-grid article.comedy{background:#fff2a8}.movie-choice-grid article>span{font-size:25px}.movie-choice-grid small,.movie-choice-grid strong,.movie-choice-grid b{display:block}.movie-choice-grid small{letter-spacing:.7px;margin-top:7px;font-size:6px}.movie-choice-grid strong{margin-top:3px;font-size:12px;line-height:1.05}.movie-choice-grid b{margin-top:auto;font-size:8px}.pharmacy-label{background:#f7fbff;grid-template-columns:repeat(4,1fr);display:grid}.pharmacy-label>div{border-right:1px solid #c9c4b7;min-width:0;padding:12px}.pharmacy-label>div:last-child{border-right:0}.pharmacy-label small,.pharmacy-label b{display:block}.pharmacy-label small{letter-spacing:.8px;color:#666;font-size:7px}.pharmacy-label b{margin-top:4px;font-size:11px}.medicine-schedule{border-top:2px solid var(--ink);background:#eef8ff;padding:13px 15px}.medicine-schedule>p{letter-spacing:1px;margin:0 0 9px;font-size:8px;font-weight:1000}.medicine-schedule>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.medicine-schedule span{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:9px;gap:3px;padding:9px;font-size:14px;display:grid}.medicine-schedule b{font-size:12px}.medicine-schedule small{color:#666;font-size:8px}.medicine-warning{border-top:2px solid var(--ink);background:#fff3c4;padding:10px 15px;font-size:9px;font-weight:900}@media (max-width:620px){.prop-detail-grid,.pharmacy-label{grid-template-columns:1fr 1fr}.prop-detail-grid>div:nth-child(2),.pharmacy-label>div:nth-child(2){border-right:0}.prop-detail-grid>div:nth-child(-n+2),.pharmacy-label>div:nth-child(-n+2){border-bottom:1px solid #c9c4b7}.bts-route-map em{display:none}.parcel-status{flex-direction:column}.movie-choice-grid{grid-template-columns:1fr}.movie-choice-grid article{min-height:88px}.movie-snacks,.birthday-notes{flex-direction:column}.medicine-schedule>div{grid-template-columns:1fr}}.prompt-label{text-align:center;color:#777;margin:18px 0 8px;font-size:11px;font-weight:800}.live-captions{gap:10px;margin-top:18px;display:grid}.caption-line{border:2px solid var(--ink);text-align:left;background:#f3f1e9;border-radius:12px;min-height:130px;padding:12px 14px;transition:background .2s}.caption-line.mae-caption.has-text{background:#fff5c9}.caption-line.you-caption.has-text{background:#e8f6fc}.caption-speaker{justify-content:space-between;align-items:center;gap:10px;display:flex}.caption-speaker>b{border:2px solid var(--ink);background:var(--yellow);border-radius:20px;padding:4px 8px;font-size:9px}.you-caption .caption-speaker>b{background:var(--blue)}.caption-speaker>span{letter-spacing:.5px;color:#777;align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.caption-speaker i{background:#999;border-radius:50%;width:6px;height:6px}.live .caption-speaker i{background:#ff4638;animation:1.2s infinite pulse;box-shadow:0 0 0 3px #ff463822}.caption-line p{overflow-wrap:anywhere;scrollbar-gutter:stable;min-height:62px;max-height:160px;margin:10px 0 0;padding-right:6px;font-size:clamp(14px,1.7vw,18px);font-weight:850;line-height:1.4;overflow:hidden auto}.caption-line:not(.has-text) p{color:#888;font-size:12px;font-weight:600}.live-captions>small{text-align:center;color:#777;padding:1px 5px;font-size:9px;line-height:1.4;display:block}.restaurant-menu-area{margin-top:14px}.menu-open-button{border:2px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:#fff3c7;border-radius:12px;padding:13px 16px;font:900 14px inherit}.restaurant-menu{border:3px solid var(--ink);text-align:left;box-shadow:7px 7px 0 var(--ink);background:#fff9e8;border-radius:18px;overflow:hidden}.restaurant-menu>header{border-bottom:3px solid var(--ink);background:#ffdb42;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.restaurant-menu>header div{gap:2px;display:grid}.restaurant-menu>header small{letter-spacing:2px;font-size:9px;font-weight:950}.restaurant-menu>header strong{font-size:clamp(24px,4vw,38px);line-height:1}.restaurant-menu>header span{color:#555;font-size:10px;font-weight:750}.restaurant-menu>header button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1}.menu-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 20px;display:grid}.menu-columns section{min-width:0}.menu-columns h3{border-bottom:2px solid var(--ink);letter-spacing:1.4px;margin:0 0 7px;padding-bottom:5px;font-size:10px}.menu-columns p{justify-content:space-between;gap:12px;margin:7px 0;font-size:12px;line-height:1.3;display:flex}.menu-columns p span{font-weight:750}.menu-columns p b{white-space:nowrap}.restaurant-menu>footer{border-top:2px solid var(--ink);background:#d8f4cc;padding:12px 20px;font-size:11px;line-height:1.4}.restaurant-menu>footer b{margin-right:5px}@media (max-width:600px){.menu-columns{grid-template-columns:1fr;gap:12px}.restaurant-menu>header,.menu-columns{padding:15px}.restaurant-menu>footer{padding:11px 15px}}.translate-button{border:2px solid var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:9px;margin-top:10px;padding:8px 10px;font-size:9px;font-weight:1000}.translate-button:hover:not(:disabled){background:var(--yellow)}.translate-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.translation-box{border:2px solid var(--ink);background:#fff8d7;border-radius:10px;margin-top:10px;padding:11px 12px}.translation-box small,.translation-box span{display:block}.translation-box small{letter-spacing:.7px;color:#756b3c;margin-bottom:5px;font-size:8px;font-weight:1000}.translation-box span{font-size:13px;font-weight:750;line-height:1.55}.translation-error{color:#9b281b;margin-top:9px;font-size:9px;font-weight:900;display:block}.reply-helper{border:2px solid var(--ink);background:#edf8e5;border-radius:13px;padding:13px}.reply-helper>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.reply-helper>header small,.reply-helper>header strong{display:block}.reply-helper>header small{letter-spacing:1px;font-size:8px;font-weight:1000}.reply-helper>header strong{margin-top:3px;font-size:12px}.reply-helper>header>span{font-size:8px;font-weight:900}.reply-helper>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.reply-option{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:10px;grid-template-columns:24px 1fr;align-items:start;gap:8px;padding:10px;display:grid}.reply-option>b{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.reply-option strong,.reply-option small{display:block}.reply-option small{color:#69645a;margin-top:4px;font-size:9px;line-height:1.4}.mic-button{border:2px solid var(--ink);background:var(--coral);width:100%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:14px;margin-top:20px;padding:15px;font-weight:900;transition:all .15s}.mic-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.mic-button.live{background:var(--yellow)}.mic-button.connecting{background:var(--cream)}.mic-button span{margin-right:9px}.privacy-note{text-align:center;color:#777;margin:13px 0 0;font-size:9px}.topics{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:70px clamp(22px,7vw,104px)}.section-heading,.conversation-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.section-heading h2,.conversation-head h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,52px)}.section-heading>span{color:#706d64;font-size:12px}.topic-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.topic-card{--topic:white;border:2px solid var(--ink);text-align:left;cursor:pointer;min-height:230px;box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:16px;padding:18px;transition:all .15s;position:relative}.topic-card:hover,.topic-card.selected{background:var(--topic);transform:translateY(-5px)}.topic-no{font-size:10px;font-weight:900}.topic-emoji{margin:22px 0;font-size:45px;display:block}.topic-card strong{font-size:20px;display:block}.topic-card small{margin-top:5px;display:block}.topic-card i{border:2px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:16px;right:16px}.roadmap{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:64px clamp(22px,6vw,92px) 92px;scroll-margin-top:20px}.practice-stage{background:var(--paper);border-bottom:2px solid var(--ink);padding:70px clamp(22px,7vw,104px) 88px;scroll-margin-top:20px}.practice-stage-heading{max-width:960px;margin:0 auto 28px}.practice-stage-heading p{letter-spacing:2px;margin:0 0 10px;font-size:10px;font-weight:1000}.practice-stage-heading h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.05}.practice-stage-heading span{color:#6c685f;margin-top:10px;font-size:13px;display:block}.practice-stage .practice-column,.practice-stage .practice-card{max-width:960px}.practice-stage .practice-card{transform:none}.practice-stage .pace-control{scroll-margin-top:20px}.level-picker-intro{align-items:baseline;gap:14px;margin:0 0 14px;display:flex}.level-picker-intro p{letter-spacing:1.5px;margin:0;font-size:10px;font-weight:1000}.level-picker-intro strong{font-size:18px}.level-picker-intro span{color:#6c685f;font-size:11px}.level-track{border-top:3px solid var(--ink);grid-template-columns:repeat(5,1fr);margin:0 12px 48px;display:grid}.level-track button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:22px 8px 4px;position:relative}.level-track button:before{content:"";background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;top:-8px;left:8px}.level-track button.selected:before{background:var(--yellow)}.level-track span{font-size:10px;font-weight:1000;display:block}.level-track strong{margin-top:3px;font-size:14px;display:block}.level-track small{color:#777;font-size:10px}.role-play-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.role-play-heading p{letter-spacing:2px;margin:0 0 9px;font-size:11px;font-weight:1000}.role-play-heading h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.05}.role-play-heading>span{color:#6c685f;max-width:330px;font-size:12px;line-height:1.55}.curriculum-layout{grid-template-columns:1fr;align-items:start;gap:38px;display:grid}.unit-list{gap:18px;max-height:none;padding:2px 8px 8px 2px;display:grid;overflow:visible}.unit-level-group{border:2px solid var(--ink);background:#ebe8dd;border-radius:16px;gap:10px;padding:10px;display:grid}.unit-level-group>header{border-bottom:2px solid var(--ink);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:3px 3px 8px;display:grid}.unit-level-group>header>span{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;font-weight:1000;display:grid}.unit-level-group>header strong,.unit-level-group>header small{display:block}.unit-level-group>header strong{font-size:15px}.unit-level-group>header small{color:#68645a;margin-top:2px;font-size:9px}.unit-level-group>header>b{border:2px solid var(--ink);white-space:nowrap;background:#fff;border-radius:20px;padding:6px 8px;font-size:9px}.unit-list button{--unit:white;border:2px solid var(--ink);text-align:left;cursor:pointer;width:100%;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:13px;grid-template-columns:34px 45px 1fr 30px;align-items:center;gap:10px;padding:13px;scroll-margin-top:18px;transition:all .15s;display:grid}.unit-list button:hover,.unit-list button.selected{background:var(--unit);transform:translate(4px)}.unit-number{align-self:start;font-size:10px;font-weight:1000}.unit-icon{font-size:28px}.unit-name small,.unit-name strong,.unit-name em{display:block}.unit-name small{letter-spacing:.6px;font-size:9px;font-weight:900}.unit-name strong{margin:2px 0;font-size:17px}.unit-name em{color:#625f56;font-size:11px;font-style:normal}.unit-arrow{border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.unit-detail{--unit:var(--yellow);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:22px;padding:26px;position:relative;top:0}.unit-detail:before{content:"";background:var(--unit);border:2px solid var(--ink);border-top:0;height:10px;position:absolute;top:0;left:18px;right:18px}.unit-detail>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 0 22px;display:flex}.unit-detail>header p{letter-spacing:1.5px;margin:0 0 7px;font-size:10px;font-weight:900}.unit-detail>header h3{letter-spacing:-1.5px;margin:0;font-size:clamp(28px,3vw,40px)}.unit-detail>header span{color:#706d64;font-size:13px}.unit-detail>header b{background:var(--unit);border:2px solid var(--ink);white-space:nowrap;border-radius:20px;padding:7px 10px;font-size:10px}.unit-outcome{background:var(--unit);border:2px solid var(--ink);border-radius:12px;margin:22px 0;padding:15px 17px}.unit-outcome small,.unit-outcome strong{display:block}.unit-outcome small{margin-bottom:5px;font-size:10px;font-weight:900}.unit-outcome strong{font-size:15px;line-height:1.45}.unit-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.unit-columns h4,.phrase-bank h4{margin:0 0 11px;font-size:13px}.unit-columns ul{margin:0;padding:0;list-style:none}.unit-columns li{border-bottom:1px solid #ddd7c7;padding:7px 0;font-size:12px;line-height:1.4}.unit-columns li:before{content:"✓";margin-right:7px;font-weight:1000}.phrase-bank{border-top:2px solid var(--ink);margin-top:24px;padding-top:18px}.phrase-bank button{text-align:left;cursor:pointer;background:#f3f1e9;border:0;border-radius:8px;width:100%;margin:6px 0;padding:9px 11px;font-size:12px;display:block}.phrase-bank button:hover{background:var(--unit)}.unit-actions{grid-template-columns:1.25fr .75fr;gap:9px;margin-top:20px;display:grid}.unit-overview,.start-unit{border-radius:11px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.unit-overview{background:var(--unit);color:var(--ink);border:2px solid var(--ink)}.start-unit{background:var(--ink);color:#fff}.start-unit span{color:var(--unit)}.homework{background:var(--paper);grid-template-columns:.75fr 1.25fr;gap:7vw;padding:84px clamp(22px,8vw,120px);scroll-margin-top:20px;display:grid}.homework-intro>p{letter-spacing:2px;margin:0 0 14px;font-size:11px;font-weight:900}.homework-intro h2{letter-spacing:-2.5px;margin:0 0 18px;font-size:clamp(38px,4vw,58px);line-height:1}.homework-intro>span{color:#6f6b61;font-size:13px;line-height:1.6}.homework-progress{margin-top:34px}.homework-progress>div{border:2px solid var(--ink);background:#fff;border-radius:10px;height:13px;overflow:hidden}.homework-progress i{background:var(--green);height:100%;transition:width .2s;display:block}.homework-progress strong{margin-top:9px;font-size:11px;display:block}.homework-panel{--unit:var(--yellow);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:20px;overflow:hidden}.homework-panel>header{background:var(--unit);border-bottom:2px solid var(--ink);align-items:center;gap:14px;padding:17px 20px;display:flex}.homework-panel>header>span{font-size:36px}.homework-panel>header small{font-size:9px;font-weight:900}.homework-panel>header h3{margin:1px 0 0;font-size:22px}.homework-panel>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #d7d2c5;grid-template-columns:30px 1fr auto;align-items:center;gap:13px;width:100%;padding:18px 20px;display:grid}.homework-panel>button:hover{background:#f7f4e9}.homework-panel>button.done{background:#edf8e5}.homework-panel>button>i{border:2px solid var(--ink);background:#fff;border-radius:7px;place-items:center;width:27px;height:27px;font-style:normal;font-weight:1000;display:grid}.homework-panel>button.done>i{background:var(--green)}.homework-panel>button span small,.homework-panel>button span strong,.homework-panel>button span em{display:block}.homework-panel>button span small{letter-spacing:1px;font-size:8px;font-weight:1000}.homework-panel>button span strong{margin:3px 0;font-size:15px}.homework-panel>button span em{color:#6d695f;font-size:11px;font-style:normal;line-height:1.4}.homework-panel>button>b{border:1px solid var(--ink);white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:9px}.homework-panel>a{color:var(--ink);background:#efede5;justify-content:space-between;padding:14px 20px;font-size:11px;font-weight:900;text-decoration:none;display:flex}.homework-deck{border-bottom:2px solid var(--ink);background:#fff}.homework-deck.done{background:#edf8e5}.deck-toggle{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;width:100%;padding:19px 20px;display:grid}.deck-toggle:hover{background:#f7f4e9}.deck-toggle>i{border:2px solid var(--ink);background:var(--unit);border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:1000;display:grid}.homework-deck.done .deck-toggle>i{background:var(--green)}.deck-toggle span small,.deck-toggle span strong,.deck-toggle span em{display:block}.deck-toggle span small{letter-spacing:1px;font-size:8px;font-weight:1000}.deck-toggle span strong{margin:3px 0;font-size:16px}.deck-toggle span em{color:#6d695f;max-width:580px;font-size:10px;font-style:normal;line-height:1.45}.deck-toggle>b{border:1px solid var(--ink);white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:9px}.flashcard-deck{background:#f4f1e7;border-top:1px solid #d7d2c5;padding:0 18px 22px}.deck-instruction{justify-content:space-between;gap:15px;padding:14px 2px 11px;display:flex}.deck-instruction b{font-size:11px}.deck-instruction span{color:#6d695f;font-size:9px}.flashcard-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.study-flashcard{border:2px solid var(--ink);text-align:left;cursor:pointer;min-height:175px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:13px;flex-direction:column;padding:15px;transition:transform .15s,background .15s;display:flex}.study-flashcard:hover{transform:translateY(-2px)}.study-flashcard.flipped{background:var(--unit)}.study-flashcard>small{letter-spacing:.8px;color:#6c675c;font-size:8px;font-weight:1000}.study-flashcard>strong{overflow-wrap:anywhere;margin:18px 0 10px;font-size:clamp(17px,2vw,23px);line-height:1.25}.study-flashcard>span,.study-flashcard>em,.study-flashcard>b{font-size:10px;line-height:1.45;display:block}.study-flashcard .card-hint{color:#79746a;margin-top:auto}.study-flashcard .card-reading{border-top:1px solid #817835;padding-top:8px;font-weight:900}.study-flashcard>em{margin-top:4px;font-style:normal}.study-flashcard>b{margin-top:auto;padding-top:10px}.finish-deck{border:2px solid var(--ink);background:var(--coral);cursor:pointer;width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin-top:15px;padding:12px;font-size:10px;font-weight:1000}.finish-deck.done{background:var(--green)}.sentence-formula{flex-wrap:wrap;align-items:stretch;gap:7px;margin:14px 0 12px;display:flex}.sentence-formula>span{background:#f7f5ee;border:1px solid #cbc6b9;border-radius:10px;flex-direction:column;justify-content:center;min-height:82px;padding:10px 11px;display:flex}.sentence-formula>span.slot{border:2px solid var(--ink);background:var(--unit);box-shadow:3px 3px 0 var(--ink)}.sentence-formula b{font-size:15px;line-height:1.2}.sentence-formula em{letter-spacing:.8px;margin-top:7px;font-size:7px;font-style:normal;font-weight:1000}.sentence-formula small{color:#615d54;margin-top:2px;font-size:8px;line-height:1.3}.sentence-formula>span.slot small{color:var(--ink)}.sentence-homework-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:15px;flex-direction:column;gap:12px;padding:16px;display:flex}.sentence-homework-card.correct{border-color:#315f22;box-shadow:4px 4px #315f22}.sentence-homework-card.needs-work{border-color:#9c392c}.sentence-homework-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sentence-homework-card>header small{background:var(--unit);border:2px solid var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;font-size:8px;font-weight:1000;display:grid}.sentence-homework-card>header span{color:#6d695f;font-size:9px;font-weight:900}.grammar-formula{border:2px solid var(--ink);background:var(--unit);border-radius:12px;padding:14px}.grammar-formula small,.grammar-formula strong,.grammar-formula p{display:block}.grammar-formula small,.homework-example>small{letter-spacing:1px;font-size:8px;font-weight:1000}.grammar-formula strong{margin-top:6px;font-size:clamp(17px,2vw,23px);line-height:1.3}.grammar-formula p{margin:8px 0 0;font-size:11px;line-height:1.55}.homework-example{background:#f3f1e9;border-radius:11px;padding:13px}.homework-example strong,.homework-example span{display:block}.homework-example strong{margin:6px 0 9px;font-size:16px;line-height:1.4}.homework-example span{color:#5f5b53;font-size:10px;line-height:1.55}.sentence-homework-card>label{margin-top:1px;font-size:10px;font-weight:1000}.sentence-homework-card>textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:70px;font:inherit;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px;line-height:1.45}.sentence-homework-card>textarea:focus{outline:3px solid var(--blue);outline-offset:2px}.check-homework{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;width:100%;padding:11px 13px;font-size:10px;font-weight:1000}.check-homework:hover:not(:disabled){background:var(--unit);color:var(--ink)}.check-homework:disabled{opacity:.55;cursor:wait}.homework-feedback{border:2px solid var(--ink);background:#fff3d4;border-radius:11px;padding:12px}.homework-feedback.correct{background:#edf8e5;border-color:#315f22}.homework-feedback.needs-work{background:#fff0e6;border-color:#9c392c}.homework-feedback>header{justify-content:space-between;gap:12px;display:flex}.homework-feedback>header strong,.homework-feedback>header b{font-size:11px}.homework-feedback p{margin:8px 0;font-size:11px;line-height:1.5}.homework-feedback>span{margin-top:5px;font-size:10px;line-height:1.5;display:block}.conversation{padding:76px clamp(22px,15vw,230px) 90px}.model-badge{background:var(--green);border:2px solid var(--ink);border-radius:20px;padding:8px 12px;font-size:11px;font-weight:900}.chat-window{border:2px solid var(--ink);min-height:190px;box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:18px;padding:28px}.chat-line{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.chat-line span{border:2px solid var(--ink);background:var(--yellow);border-radius:20px;padding:7px 10px;font-size:9px;font-weight:900}.chat-line.you span{background:var(--blue)}.chat-line p{background:#f1efe7;border-radius:3px 14px 14px;max-width:75%;margin:0;padding:12px 16px;line-height:1.5}.chat-line.you{flex-direction:row-reverse}.chat-line.you p{background:#e8f6fc;border-radius:14px 3px 14px 14px}.listening{color:#777;text-align:center;font-size:11px}.listening i{background:var(--coral);border-radius:50%;width:5px;height:5px;margin:0 2px;animation:.7s infinite alternate pulse;display:inline-block}.tip-toggle{background:var(--yellow);border:2px solid var(--ink);cursor:pointer;justify-content:space-between;width:100%;margin-top:28px;padding:15px 18px;font-weight:900;display:flex}.tip-box{border:2px solid var(--ink);background:#fff;border-top:0;padding:18px}.tip-box p{margin:6px 0 0;font-size:14px;line-height:1.6}.vocab-page{--vocab:var(--yellow);background:var(--paper);min-height:100vh}.vocab-nav{border-bottom:2px solid var(--ink);align-items:center;gap:28px;height:84px;padding:0 clamp(20px,6vw,90px);display:flex}.vocab-nav>a:nth-child(2){color:var(--ink);margin-left:auto;font-size:11px;font-weight:900;text-decoration:none}.vocab-nav>b{background:var(--vocab);border:2px solid var(--ink);border-radius:20px;padding:8px 11px;font-size:10px}.vocab-hero{background:var(--cream);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:40px;padding:64px clamp(22px,7vw,105px);display:flex}.vocab-hero>div:first-child{max-width:780px}.vocab-hero p{letter-spacing:2px;margin:0 0 12px;font-size:11px;font-weight:1000}.vocab-hero h1{font-size:clamp(54px,7vw,90px)}.vocab-hero h1 em{background:linear-gradient(transparent 65%,var(--vocab) 65%);font-style:normal}.vocab-hero>div>span{max-width:700px;margin-top:22px;font-size:15px;line-height:1.7;display:block}.vocab-steps{gap:8px;display:flex}.vocab-steps b{border:2px solid var(--ink);width:110px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;padding:13px;font-size:24px}.vocab-steps small{margin-top:5px;font-size:8px;display:block}.vocab-game{grid-template-columns:340px minmax(0,1fr);gap:32px;padding:70px clamp(22px,7vw,105px);display:grid}.vocab-game aside>p{letter-spacing:1px;font-size:11px;font-weight:1000}.vocab-game aside>button{--category:white;border:2px solid var(--ink);text-align:left;cursor:pointer;width:100%;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;margin:8px 0;padding:12px;display:grid}.vocab-game aside>button.selected{background:var(--category);transform:translate(4px)}.vocab-game aside strong,.vocab-game aside small{display:block}.vocab-game aside small{color:#69645a;margin-top:2px;font-size:9px}.vocab-stage{border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:22px;padding:24px}.vocab-stage>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.vocab-stage>header small,.vocab-stage>header strong{display:block}.vocab-stage>header small{font-size:9px;font-weight:1000}.vocab-stage>header>div:last-child{display:flex}.vocab-stage>header button{border:2px solid var(--ink);background:#fff;padding:8px 11px;font-size:9px;font-weight:900}.vocab-stage>header button:first-child{border-radius:9px 0 0 9px}.vocab-stage>header button:last-child{border-left:0;border-radius:0 9px 9px 0}.vocab-stage>header button.selected{background:var(--vocab)}.vocab-card{border:3px solid var(--ink);background:var(--vocab);text-align:center;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:390px;padding:30px;display:flex;position:relative}.vocab-card:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.vocab-card>small{letter-spacing:1px;font-size:9px;font-weight:1000}.vocab-card>strong{letter-spacing:-3px;margin:28px 0;font-size:clamp(42px,7vw,80px)}.vocab-card>span{font-size:11px}.vocab-card>div b,.vocab-card>div span,.vocab-card>div em{display:block}.vocab-card>div b{font-size:17px}.vocab-card>div span{margin:10px 0;font-size:18px;font-weight:900}.vocab-card>div em{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:10px;font-size:13px;font-style:normal;line-height:1.5}.vocab-listen{border:2px solid var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:20px;padding:8px 11px;font-size:9px;font-weight:1000;position:absolute;bottom:16px;right:16px}.vocab-listen:hover{background:#fff8d7}.vocab-next{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:11px;justify-content:space-between;width:100%;margin-top:15px;padding:14px 17px;font-size:11px;font-weight:1000;display:flex}.vocab-next b{color:var(--vocab)}.quiz-card{border:3px solid var(--ink);background:#f4f1e7;border-radius:18px;min-height:390px;padding:28px}.quiz-card>small{font-size:10px;font-weight:1000}.quiz-card h2{margin:25px 0 2px;font-size:clamp(38px,6vw,70px)}.quiz-card>p{color:#777;font-size:12px}.quiz-card>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:25px;display:grid}.quiz-card button{border:2px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;min-height:65px;padding:11px;font-size:11px;font-weight:800}.quiz-card button.correct{background:var(--green)}.quiz-card button.wrong{background:var(--coral)}.quiz-card>strong{background:var(--vocab);border:2px solid var(--ink);border-radius:10px;margin-top:18px;padding:12px;font-size:12px;display:block}.vocab-page+footer{display:none}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:38px clamp(22px,7vw,104px);font-size:12px;display:flex}.mini-brand{color:var(--yellow);font-size:18px;font-weight:1000}footer p{font-weight:800}footer span{color:#aaa}.unit-page{--unit:var(--yellow);background:var(--paper);min-height:100vh}.unit-page-nav{border-bottom:2px solid var(--ink);background:var(--paper);align-items:center;gap:32px;height:86px;padding:0 clamp(22px,5vw,76px);display:flex}.unit-page-nav>a:nth-child(2){color:var(--ink);border-bottom:2px solid var(--ink);margin-left:auto;padding-bottom:3px;font-size:12px;font-weight:900;text-decoration:none}.unit-page-nav>span{background:var(--unit);border:2px solid var(--ink);border-radius:20px;padding:7px 10px;font-size:10px;font-weight:900}.unit-story-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:7vw;padding:74px clamp(22px,7vw,104px) 84px;display:grid;position:relative;overflow:hidden}.unit-story-hero:after{content:"";background:var(--unit);border:2px solid var(--ink);z-index:0;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-160px;right:-190px}.unit-story-copy{z-index:1;position:relative}.unit-story-copy>p:first-child,.unit-section-title>p,.toolkit-language>p,.toolkit-phrases>p,.unit-start p{letter-spacing:2px;margin:0 0 14px;font-size:10px;font-weight:1000}.unit-story-copy h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,6vw,84px);line-height:.95}.unit-story-copy h2{letter-spacing:-1.5px;margin:20px 0 12px;font-size:clamp(25px,3vw,40px)}.unit-story-lede{max-width:800px;font-size:17px;line-height:1.8}.story-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;display:grid}.story-facts>div{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:11px;padding:14px}.story-facts small,.story-facts strong{display:block}.story-facts small{color:#777;margin-bottom:6px;font-size:9px;font-weight:900}.story-facts strong{font-size:12px;line-height:1.4}.mission-card{z-index:1;background:var(--unit);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:24px;padding:28px;position:relative;transform:rotate(1deg)}.mission-stamp{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:1000;display:inline-block}.mission-emoji{margin:24px 0 8px;font-size:76px}.mission-card h3{letter-spacing:-1px;margin:0 0 12px;font-size:27px;line-height:1.05}.mission-card>p{font-size:13px;line-height:1.65}.mission-goal{border:2px solid var(--ink);background:#fff;border-radius:12px;margin-top:22px;padding:14px}.mission-goal small,.mission-goal strong{display:block}.mission-goal small{margin-bottom:5px;font-size:9px;font-weight:900}.mission-goal strong{font-size:13px;line-height:1.45}.story-scenes{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:76px clamp(22px,7vw,104px)}.unit-section-title{grid-template-columns:1fr auto;align-items:end;margin-bottom:34px;display:grid}.unit-section-title>p{grid-column:1}.unit-section-title h2{letter-spacing:-2.5px;margin:0;font-size:clamp(36px,4vw,54px)}.unit-section-title>span{color:#716d63;grid-area:1/2/3;max-width:270px;font-size:12px;line-height:1.5}.scene-track{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.scene-track article{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:16px;min-height:215px;padding:20px;position:relative}.scene-track article>span{letter-spacing:1px;font-size:9px;font-weight:1000}.scene-track article>b{border:2px solid var(--ink);background:var(--unit);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:15px;right:15px}.scene-track h3{margin:45px 0 9px;font-size:19px}.scene-track p{color:#615e56;margin:0;font-size:12px;line-height:1.55}.unit-toolkit{grid-template-columns:1fr 1fr;gap:7vw;padding:80px clamp(22px,9vw,140px);display:grid}.unit-toolkit h2{letter-spacing:-2px;margin:0 0 24px;font-size:clamp(30px,3.5vw,46px);line-height:1.05}.toolkit-language ul{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.toolkit-language li{border-bottom:1px solid #c9c4b8;align-items:center;gap:12px;padding:13px 0;font-size:13px;display:flex}.toolkit-language i{background:var(--unit);border:2px solid var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;font-weight:900;display:grid}.toolkit-phrases blockquote{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--unit);background:#fff;border-radius:10px;margin:8px 0;padding:13px 15px;font-size:13px;font-weight:800}.unit-start{background:var(--ink);color:#fff;box-shadow:9px 9px 0 var(--unit);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin:0 clamp(22px,7vw,104px) 76px;padding:34px;display:flex}.unit-start h2{letter-spacing:-2px;margin:0 0 5px;font-size:clamp(28px,3.5vw,46px)}.unit-start>div>span{color:#bbb;font-size:12px}.unit-start>a{min-width:240px;color:var(--ink);background:var(--unit);border:2px solid #fff;border-radius:12px;justify-content:space-between;padding:16px 18px;font-size:13px;font-weight:1000;text-decoration:none;display:flex}.next-unit{justify-content:center;align-items:center;gap:20px;padding:0 22px 60px;display:flex}.next-unit>span{color:#777;font-size:9px;font-weight:900}.next-unit>a{color:var(--ink);border-bottom:2px solid var(--ink);font-size:13px;font-weight:900;text-decoration:none}.foundation-page{--lesson:var(--yellow);background:var(--paper);min-height:100vh}.foundation-nav{border-bottom:2px solid var(--ink);z-index:5;background:var(--paper);align-items:center;gap:36px;height:84px;padding:0 clamp(20px,5vw,72px);display:flex;position:relative}.foundation-nav nav{gap:25px;margin-left:auto;display:flex}.foundation-nav nav a{color:var(--ink);font-size:11px;font-weight:900;text-decoration:none}.story-mode-link{color:#fff;background:var(--ink);border-radius:10px;padding:11px 14px;font-size:10px;font-weight:900;text-decoration:none}.foundation-hero{padding:60px clamp(22px,7vw,104px) 66px;display:block;position:relative;overflow:hidden}.foundation-hero:before{content:"ABC";color:#ffd83d44;letter-spacing:-25px;z-index:0;font-size:220px;font-weight:1000;position:absolute;top:-15px;right:-20px}.foundation-hero>div{z-index:1;max-width:850px;position:relative}.foundation-hero>div>p,.foundation-heading p,.lesson-map>p,.lesson-examples>p,.foundation-graduate p{letter-spacing:2px;margin:0 0 14px;font-size:10px;font-weight:1000}.foundation-hero h1{letter-spacing:-6px;margin:0;font-size:clamp(56px,7vw,90px);line-height:.9}.foundation-hero h1 em{background:linear-gradient(transparent 65%,var(--yellow) 65%);font-style:normal}.foundation-hero>div>span{max-width:700px;margin-top:24px;font-size:16px;line-height:1.7;display:block}.foundation-stats{gap:12px;margin-top:25px;display:flex}.foundation-stats b{border:2px solid var(--ink);min-width:105px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;padding:12px;font-size:25px}.foundation-stats small{margin-top:3px;font-size:8px;display:block}.foundation-quick-start{background:var(--ink);color:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);border-radius:11px;align-items:center;gap:25px;margin-top:24px;padding:13px 16px;font-size:11px;font-weight:1000;text-decoration:none;display:inline-flex}.foundation-quick-start b{color:var(--yellow);font-size:17px}.foundation-levels{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:74px clamp(22px,6vw,92px)}.foundation-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.foundation-heading>div{min-width:0;display:block}.foundation-heading>div>p{margin-bottom:10px}.foundation-heading h2{letter-spacing:-2.5px;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.12}.foundation-heading>span{border:2px solid var(--ink);background:#fff;border-radius:20px;flex:none;padding:8px 11px;font-size:11px;font-weight:900}.foundation-level-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.foundation-level-grid button{--card:white;border:2px solid var(--ink);text-align:left;cursor:pointer;min-height:150px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;padding:15px;transition:all .15s;position:relative}.foundation-level-grid button:hover,.foundation-level-grid button.selected{background:var(--card);transform:translateY(-4px)}.foundation-level-grid small{font-size:8px;font-weight:900}.foundation-level-grid button>b{font-size:12px;position:absolute;top:12px;right:12px}.foundation-level-grid strong,.foundation-level-grid span{display:block}.foundation-level-grid strong{margin-top:45px;font-size:17px}.foundation-level-grid span{color:#69665e;margin-top:4px;font-size:10px}.foundation-lesson{grid-template-columns:1.15fr .85fr;gap:7vw;padding:80px clamp(22px,8vw,120px);display:grid}.lesson-map h2{letter-spacing:-2px;margin:0 0 28px;font-size:clamp(34px,4vw,52px);line-height:1.05}.lesson-topic-list{border-top:2px solid var(--ink)}.lesson-topic-list>div{border-bottom:1px solid #cdc8bc;grid-template-columns:35px 1fr;gap:8px;padding:10px 0;font-size:12px;display:grid}.lesson-topic-list b{font-size:9px}.lesson-map>button{border:2px solid var(--ink);background:var(--lesson);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin-top:22px;padding:12px 15px;font-size:11px;font-weight:900}.lesson-map>button.completed{background:var(--green)}.lesson-examples{background:var(--lesson);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:22px;align-self:start;padding:26px}.lesson-examples h3{letter-spacing:-1px;margin:0 0 20px;font-size:28px}.lesson-examples blockquote{border:2px solid var(--ink);background:#fff;border-radius:9px;margin:8px 0;padding:12px 14px;font-size:14px;font-weight:900}.foundation-rule{background:var(--ink);color:#fff;border-radius:10px;margin-top:20px;padding:14px}.foundation-rule b,.foundation-rule span{display:block}.foundation-rule b{color:var(--yellow);margin-bottom:5px;font-size:9px}.foundation-rule span{font-size:11px;line-height:1.5}.practice-lab{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#dff3ff;padding:76px clamp(22px,6vw,92px)}.builder-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.sentence-builder,.foundation-voice{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:20px;padding:24px}.sentence-builder h3{margin:0 0 20px;font-size:21px}.builder-slots{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.builder-slots label span{margin-bottom:5px;font-size:8px;font-weight:900;display:block}.builder-slots select{border:2px solid var(--ink);background:var(--paper);border-radius:8px;width:100%;padding:10px;font-size:12px}.built-sentence{border:2px solid var(--ink);background:var(--lesson);border-radius:12px;flex-direction:column;justify-content:center;min-height:110px;margin:20px 0 12px;padding:16px;display:flex}.built-sentence small{font-size:8px;font-weight:1000}.built-sentence strong{margin-top:6px;font-size:clamp(21px,3vw,32px);line-height:1.25}.sentence-builder>button,.foundation-voice>button{border:2px solid var(--ink);background:var(--coral);cursor:pointer;width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:13px;font-size:11px;font-weight:1000}.foundation-voice>header{align-items:center;gap:12px;margin-bottom:15px;display:flex}.foundation-voice>header .teacher-face{width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);font-size:28px}.foundation-voice>header small{font-size:8px;font-weight:900}.foundation-voice>header h3{margin:2px 0;font-size:22px}.foundation-voice>header>span{align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:900;display:flex}.foundation-voice>header>span i{background:#999;border-radius:50%;width:7px;height:7px}.foundation-voice.live>header>span i{background:#f44;animation:1s infinite pulse;box-shadow:0 0 0 4px #f442}.foundation-caption{border:2px solid var(--ink);border-radius:10px;min-height:72px;margin:8px 0;padding:11px}.foundation-caption.mae{background:#fff5c9}.foundation-caption.learner{background:#e8f6fc}.foundation-caption b{font-size:8px}.foundation-caption p{max-height:58px;margin:6px 0 0;font-size:12px;line-height:1.45;overflow:auto}.foundation-voice>button{margin-top:8px}.foundation-voice.live>button{background:var(--yellow)}.tense-picker{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.tense-picker button{border:2px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;min-height:92px;padding:10px;display:flex}.tense-picker button[data-group=present]{background:#e8f6fc}.tense-picker button[data-group=past]{background:#fff5c9}.tense-picker button[data-group=future]{background:#edf8e5}.tense-picker button.selected{box-shadow:4px 4px 0 var(--ink);outline:3px solid var(--lesson);transform:translate(-2px,-2px)}.tense-picker small,.tense-picker strong,.tense-picker span{display:block}.tense-picker small{letter-spacing:1px;font-size:7px;font-weight:1000}.tense-picker strong{margin:6px 0 4px;font-size:13px;line-height:1.15}.tense-picker span{color:#686359;margin-top:auto;font-size:8px;line-height:1.3}.pattern-step-title{margin:4px 0 10px;font-size:13px}.pattern-tabs{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;display:grid}.pattern-tabs button{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:9px;padding:10px 6px;font-size:10px;font-weight:1000}.pattern-tabs button.selected{background:var(--lesson);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.pattern-card{border:2px solid var(--ink);background:var(--lesson);border-radius:13px;padding:16px}.pattern-card>small,.pattern-card>strong,.pattern-card>span{display:block}.pattern-card>small{letter-spacing:1px;font-size:8px;font-weight:1000}.pattern-card>strong{margin-top:6px;font-size:clamp(18px,2.2vw,25px);line-height:1.25}.pattern-card>span{color:#625d50;margin-top:5px;font-size:10px}.pattern-card>p{margin:13px 0 8px;font-size:11px;line-height:1.5}.pattern-card blockquote{border-left:4px solid var(--ink);background:#fff;margin:0;padding:9px 11px;font-size:12px;font-weight:900}.listen-sentence{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;margin-top:8px;padding:7px 9px;font-size:9px;font-weight:1000}.free-write{margin-top:16px;display:block}.free-write>span{margin-bottom:7px;font-size:10px;font-weight:1000;display:block}.free-write textarea{resize:vertical;border:3px solid var(--ink);background:#fffef8;border-radius:11px;outline:none;width:100%;padding:13px;font:800 17px/1.45 inherit}.free-write textarea:focus{box-shadow:0 0 0 4px #ffd83d66}.writing-actions{grid-template-columns:1.2fr .8fr .8fr;gap:8px;margin-top:10px;display:grid}.writing-actions button{border:2px solid var(--ink);background:var(--coral);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:12px 7px;font-size:9px;font-weight:1000}.writing-actions button+button{background:var(--yellow)}.writing-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.check-error{color:#9b281b;background:#ffe6df;border:2px solid #9b281b;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:900}.ai-check-result{border:3px solid var(--ink);background:#fff3ce;border-radius:13px;margin-top:14px;padding:15px}.ai-check-result.correct{background:#dcf6d2}.ai-check-result.revise{background:#fff0c4}.ai-check-result>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-check-result>header b{font-size:14px}.ai-check-result>header strong{background:var(--ink);color:#fff;border-radius:20px;padding:5px 9px;font-size:10px}.ai-check-result>p,.ai-check-result>span,.ai-check-result>em{font-size:11px;line-height:1.55;display:block}.ai-check-result>div{border:2px solid var(--ink);background:#fff;border-radius:9px;margin:11px 0;padding:10px}.ai-check-result>div small{font-size:8px;font-weight:1000;display:block}.ai-check-result blockquote{margin:5px 0 0;font-size:15px;font-weight:900}.ai-check-result .fallback-note{color:#665f4c;margin-top:8px;font-size:9px;line-height:1.45;display:block}.ai-check-result>em{border-top:1px solid #8c856f;margin-top:10px;padding-top:9px;font-style:normal;font-weight:900}.foundation-tracks{padding:80px clamp(22px,6vw,92px)}.track-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.track-grid article{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:16px;padding:20px}.track-grid article>span{font-size:38px}.track-grid h3{margin:12px 0 3px;font-size:20px}.track-grid p{color:#777;margin:0 0 14px;font-size:10px}.track-grid ul{border-top:1px solid #d1ccc0;margin:0;padding:0;list-style:none}.track-grid li{border-bottom:1px solid #e2ded3;padding:7px 0;font-size:11px;line-height:1.4}.track-grid li:before{content:"→";margin-right:7px;font-weight:900}.foundation-graduate{background:var(--ink);color:#fff;box-shadow:10px 10px 0 var(--yellow);border-radius:24px;justify-content:space-between;align-items:center;gap:50px;margin:0 clamp(22px,7vw,104px) 80px;padding:38px;display:flex}.foundation-graduate h2{letter-spacing:-3px;margin:0 0 14px;font-size:clamp(38px,5vw,65px);line-height:.95}.foundation-graduate>div>span{color:#bbb;max-width:720px;font-size:12px;line-height:1.6;display:block}.foundation-graduate>a{background:var(--yellow);min-width:210px;color:var(--ink);border:2px solid #fff;border-radius:12px;justify-content:space-between;padding:16px;font-size:12px;font-weight:1000;text-decoration:none;display:flex}.vocab-listen-actions{justify-content:flex-end;gap:7px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:16px;right:16px}.vocab-listen-actions .vocab-listen{white-space:nowrap;position:static;bottom:auto;right:auto}.vocab-hero{align-items:center}.vocab-hero>div:first-child{flex:auto;max-width:900px}.vocab-hero>div>span{max-width:820px;font-size:17px;line-height:1.75}.hero{min-height:auto;padding-top:58px;padding-bottom:68px}.hero h1{letter-spacing:-2.5px;max-width:1050px;font-size:clamp(48px,5.4vw,76px);line-height:1.1}.hero h1 em:after{height:15px;bottom:5px}.foundation-hero{padding-top:52px;padding-bottom:56px}.foundation-hero h1{letter-spacing:-2.5px;max-width:950px;font-size:clamp(46px,6vw,76px);line-height:1.1}.vocab-hero{padding-top:52px;padding-bottom:52px}.vocab-hero h1{letter-spacing:-2.5px;font-size:clamp(46px,6vw,76px);line-height:1.08}.unit-story-hero{padding-top:64px;padding-bottom:72px}.unit-story-copy h2{margin-top:16px}.story-facts{margin-top:24px}@keyframes pulse{50%{opacity:.5}}@keyframes wave{to{height:10px}}@media (max-width:1050px){.topnav{display:none}.curriculum-layout{grid-template-columns:1fr}.unit-list{grid-template-columns:1fr;max-height:none}.unit-detail{position:relative;top:0}.homework{gap:35px}.unit-story-hero{grid-template-columns:1fr}.mission-card{max-width:540px;transform:none}.scene-track{grid-template-columns:1fr 1fr}}@media (max-width:850px){.path-links{grid-template-columns:repeat(3,1fr)}.vocab-hero{flex-direction:column;align-items:flex-start}.vocab-steps{flex-basis:auto;grid-template-columns:repeat(3,1fr);width:100%}.vocab-steps b{grid-template-columns:1fr;gap:6px;min-height:105px}.vocab-game{grid-template-columns:1fr}.vocab-game aside{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vocab-game aside>p{grid-column:1/-1}.vocab-game aside>button{margin:0}.streak{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.practice-card{width:100%;margin:auto;transform:none}.topic-grid{grid-template-columns:1fr 1fr}.conversation{padding-left:22px;padding-right:22px}.section-heading,.conversation-head{flex-direction:column;align-items:flex-start}.section-heading>span{display:none}.method-strip{grid-template-columns:1fr}.method-strip div{border-bottom:1px solid #c9c4b3;border-right:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:auto}.method-strip i{right:12px;transform:rotate(90deg)}.level-track{grid-template-columns:1fr 1fr 1fr;margin-left:0;margin-right:0}.curriculum-layout,.homework{grid-template-columns:1fr}.unit-detail{box-shadow:6px 6px 0 var(--ink)}footer{text-align:center;flex-direction:column}}@media (max-width:750px){.unit-page-nav>span{display:none}.story-facts{grid-template-columns:1fr}.unit-section-title{display:block}.unit-section-title>span{margin-top:10px;display:block}.unit-toolkit{grid-template-columns:1fr}.unit-start{flex-direction:column;align-items:flex-start}.unit-start>a{width:100%}}@media (max-width:620px){.path-links,.reply-helper>div,.quiz-card>div{grid-template-columns:1fr}.vocab-nav>b{display:none}.vocab-hero{padding:48px 18px}.vocab-steps{width:100%}.vocab-steps b{flex:1;width:auto}.vocab-game{padding:48px 18px}.vocab-game aside{grid-template-columns:1fr}.vocab-stage{padding:17px}.vocab-stage>header{flex-direction:column;align-items:flex-start}.vocab-card,.quiz-card{min-height:340px}.unit-list,.unit-columns,.unit-actions{grid-template-columns:1fr}.level-track{border-top:0;grid-template-columns:1fr 1fr;gap:8px}.level-track button{border-top:2px solid var(--ink);padding-top:16px}.level-picker-intro{flex-direction:column;align-items:flex-start;gap:4px}.homework-panel>button{grid-template-columns:30px 1fr}.homework-panel>button>b{display:none}.flashcard-grid,.scene-track{grid-template-columns:1fr}.scene-track article{min-height:180px}.deck-toggle{grid-template-columns:32px 1fr;padding:16px}.deck-toggle>b{display:none}.deck-instruction{display:block}.deck-instruction span{margin-top:4px;display:block}.flashcard-grid{grid-template-columns:1fr}.study-flashcard{min-height:165px}}@media (max-width:520px){.topbar{background:linear-gradient(90deg,var(--yellow) 0 9px,var(--cream) 9px 100%);height:82px;padding:0 16px}.topbar .brand{width:154px;height:58px;box-shadow:3px 3px 0 var(--ink);border-radius:13px;padding:7px 10px}.hero{padding-bottom:62px}h1{letter-spacing:-3px;font-size:53px}.lede br{display:none}.practice-card{box-shadow:7px 7px 0 var(--ink);padding:18px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:150px}.topic-emoji{margin:15px 0}.roadmap{padding-left:16px;padding-right:16px}.unit-detail{padding:19px}.unit-detail>header{flex-direction:column}.chat-window{padding:16px}.chat-line p{max-width:78%;font-size:14px}.conversation-head .model-badge{align-self:flex-start}.profile{width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);font-size:13px}.unit-page-nav{height:72px;padding:0 16px}.unit-page-nav .brand{width:138px;height:52px}.unit-page-nav>a:nth-child(2){font-size:10px}.unit-story-hero{padding:48px 18px 58px}.unit-story-copy h1{letter-spacing:-3px;font-size:48px}.mission-card{padding:22px}.story-scenes,.unit-toolkit{padding:58px 18px}.unit-start{margin:0 18px 58px;padding:24px}.next-unit{flex-direction:column;align-items:flex-start}}@media (max-width:1050px){.foundation-nav nav{display:none}.foundation-hero{grid-template-columns:1fr}.foundation-hero>aside{max-width:600px;transform:none}.foundation-level-grid{grid-template-columns:repeat(3,1fr)}.track-grid{grid-template-columns:1fr 1fr}}@media (max-width:780px){.role-play-heading{flex-direction:column;align-items:flex-start}.foundation-lesson,.builder-layout{grid-template-columns:1fr}.foundation-heading{flex-direction:column;align-items:flex-start}.foundation-heading>span{align-self:flex-start}.foundation-graduate{flex-direction:column;align-items:flex-start}.foundation-graduate>a{width:100%}}@media (max-width:620px){.pace-control>div:first-child{flex-direction:column;align-items:flex-start}.pace-options{grid-template-columns:1fr}.pace-options button{min-height:auto}.foundation-nav{height:72px;padding:0 16px}.foundation-nav .brand{width:138px;height:52px}.story-mode-link{margin-left:auto;font-size:8px}.foundation-hero{min-height:auto;padding:52px 18px 60px}.foundation-hero h1{letter-spacing:-4px;font-size:54px}.foundation-stats{grid-template-columns:repeat(3,1fr);display:grid}.foundation-stats b{min-width:0;font-size:20px}.foundation-levels,.practice-lab,.foundation-tracks{padding:58px 18px}.foundation-level-grid{grid-template-columns:1fr 1fr}.foundation-lesson{padding:58px 18px}.track-grid{grid-template-columns:1fr}.foundation-graduate{margin:0 18px 60px;padding:26px}.sentence-builder,.foundation-voice{padding:18px}.tense-picker{grid-template-columns:1fr 1fr}.tense-picker button{min-height:88px}.hero h1,.foundation-hero h1,.vocab-hero h1{letter-spacing:-1.8px;font-size:44px;line-height:1.12}.unit-story-copy h1{letter-spacing:-1.8px;font-size:42px;line-height:1.12}.foundation-hero,.vocab-hero{padding-top:42px;padding-bottom:46px}.unit-story-hero{padding-top:44px;padding-bottom:50px}}.foundation-nav .story-mode-link{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--yellow);padding:14px 18px;font-size:13px}.foundation-hero{padding-bottom:48px}.foundation-quick-start{gap:34px;margin-top:28px;padding:15px 19px;font-size:14px}.foundation-quick-start b{font-size:20px}.foundation-levels{padding-top:56px;padding-bottom:56px}.practice-lab{padding-top:58px}.practice-examples{box-shadow:5px 5px 0 var(--ink);margin:0 0 24px;padding:18px 20px}.practice-examples>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:13px;display:flex}.practice-examples>header p{letter-spacing:2px;margin:0 0 7px;font-size:10px;font-weight:1000}.practice-examples h3{margin:0;font-size:24px}.practice-examples .foundation-rule{flex:0 390px;margin:0;padding:10px 13px}.practice-example-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.practice-example-grid blockquote{align-items:center;min-height:50px;margin:0;padding:10px 12px;font-size:13px;display:flex}.modal-toolbox{border:2px solid var(--ink);background:#f7fff2;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:7px 14px;margin-bottom:10px;padding:10px 12px;display:grid}.modal-toolbox>strong{font-size:10px}.modal-toolbox>div{flex-wrap:wrap;gap:5px;display:flex}.modal-toolbox>div span{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:4px 8px;font-size:10px;font-weight:1000}.modal-toolbox>small{color:#5f655b;grid-column:1/-1;font-size:9px}@media (max-width:780px){.practice-examples>header{display:block}.practice-examples .foundation-rule{margin-top:14px}.practice-example-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.foundation-nav .story-mode-link{padding:11px 12px;font-size:10px}.foundation-quick-start{padding:14px 16px;font-size:13px}.foundation-levels,.practice-lab{padding-top:46px;padding-bottom:46px}.practice-examples{margin-bottom:22px;padding:18px}.practice-example-grid{grid-template-columns:1fr}}.unit-list button{grid-template-columns:40px 45px 1fr 30px}.unit-number{border:2px solid var(--ink);background:var(--unit);width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;align-self:center;place-items:center;font-size:14px;line-height:1;display:grid}@media (max-width:1050px){.unit-list{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}}@media (max-width:620px){.unit-list{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}.unit-number{width:32px;height:32px;font-size:13px}}.reply-helper{padding:16px}.reply-helper>header strong{font-size:14px}.reply-helper>header small{font-size:9px}.reply-helper>header>span{font-size:10px}.reply-helper>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.reply-option{grid-template-columns:30px 1fr;gap:10px;padding:13px}.reply-option>b{width:28px;height:28px;font-size:12px}.reply-option strong{font-size:15px;line-height:1.4}.reply-option small{margin-top:4px;font-size:11px;line-height:1.45}.reply-option .reply-reading{color:#31516a;font-weight:800}.reply-option .reply-meaning{color:#69645a}.reply-option em{color:#68635b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-style:normal;font-weight:1000;display:block}.reply-option.reply-question{background:#fff3c8}.roadmap{padding-top:42px;padding-bottom:64px}.level-track{scrollbar-width:thin;border-top:0;grid-template-columns:repeat(5,minmax(128px,1fr));gap:8px;margin:0 0 26px;padding:2px 2px 9px;overflow-x:auto}.level-track button{border:2px solid var(--ink);min-height:76px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:11px;padding:10px 12px}.level-track button.selected{background:var(--yellow);box-shadow:5px 5px 0 var(--ink);transform:translateY(-2px)}.level-track span{font-size:9px}.level-track strong{margin-top:2px;font-size:13px}.level-track small{font-size:9px}.role-play-heading{margin-bottom:24px;display:block}.role-play-heading h2{letter-spacing:-1.5px;white-space:nowrap;font-size:clamp(28px,3.4vw,44px);line-height:1.1}.role-play-heading>span{max-width:760px;margin-top:8px;font-size:13px;line-height:1.5;display:block}@media (max-width:850px){.hero{gap:28px}.practice-column,.practice-card{max-width:none}.pace-control{padding:24px 26px}.pace-control>div:first-child strong{font-size:18px}.pace-options button{min-height:90px;padding:16px 14px}.pace-options strong{font-size:16px}.pace-options small{font-size:11px}.practice-card{padding:30px}.teacher h2{font-size:34px}.teacher span{font-size:14px}.level-track{grid-template-columns:repeat(5,135px);margin:0 0 24px}}@media (max-width:620px){.hero{gap:22px}.pace-control{padding:18px}.pace-options button{min-height:auto;padding:14px}.practice-card{padding:18px}.teacher h2{font-size:28px}.level-track{border-top:0;grid-template-columns:repeat(5,128px);gap:8px}.level-track button{border:2px solid var(--ink);min-height:70px;padding:9px 10px}.role-play-heading h2{letter-spacing:-.8px;white-space:nowrap;font-size:clamp(21px,6.2vw,26px)}.role-play-heading>span{margin-top:7px;font-size:11px}}.teacher{gap:11px;margin:13px 0 11px}.teacher-face{width:60px;height:60px;box-shadow:3px 3px 0 var(--ink);flex:none;font-size:32px}.teacher p{margin-bottom:2px;font-size:8px}.teacher h2{font-size:25px}.teacher span{font-size:11px}.wave{border-radius:11px;gap:4px;height:34px}.wave i{width:4px}.caption-line p{max-height:220px}@media (max-width:850px){.practice-card{padding:24px 30px 28px}.teacher h2{font-size:27px}.teacher span{font-size:12px}}@media (max-width:620px){.practice-card{padding:18px}.teacher{gap:10px;margin:12px 0 10px}.teacher-face{width:54px;height:54px;font-size:29px}.teacher h2{font-size:24px}.teacher span{font-size:11px}.wave{height:32px}}.vocab-steps{align-items:stretch}.vocab-steps b{font-size:28px}.vocab-steps small{font-size:14px;font-weight:1000;line-height:1.35}.vocab-game aside>p{letter-spacing:.4px;margin-bottom:15px;font-size:15px}.vocab-game aside>button{grid-template-columns:44px 1fr 24px;gap:12px;min-height:76px;padding:15px 16px}.vocab-game aside>button>span{font-size:29px}.vocab-game aside strong{font-size:16px}.vocab-game aside small{margin-top:3px;font-size:11px;line-height:1.4}.vocab-stage>header small{font-size:11px}.vocab-stage>header strong{margin-top:5px;font-size:19px}.vocab-stage>header button{padding:11px 15px;font-size:12px}.vocab-next{align-items:center;min-height:60px;padding:17px 20px;font-size:15px}.vocab-next b{font-size:18px}@media (max-width:850px){.vocab-steps b{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:116px;padding:17px 20px;font-size:28px;display:flex}.vocab-steps small{margin:0;font-size:15px}}@media (max-width:620px){.vocab-steps{gap:8px}.vocab-steps b{min-height:104px;padding:14px 12px;font-size:24px}.vocab-steps small{font-size:12px}.vocab-game aside>p{font-size:14px}.vocab-stage>header button{padding:10px 13px}}.mic-button,.privacy-note{margin-top:9px}.live-pill.paused i{background:#f0b429;box-shadow:0 0 0 5px #f0b42922}.session-controls{grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr);gap:10px;margin-top:9px;display:grid}.pause-session,.end-session{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:14px;transition:all .15s}.pause-session{background:var(--yellow);text-align:left;grid-template-columns:38px 1fr;align-items:center;gap:0 10px;padding:12px 15px;display:grid}.pause-session.paused{background:var(--green)}.pause-session>span{border:2px solid var(--ink);background:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-weight:1000;display:grid}.pause-session strong,.pause-session small{display:block}.pause-session strong{font-size:13px}.pause-session small{color:#5f594c;margin-top:2px;font-size:9px}.end-session{background:#fff;padding:12px;font-size:11px;font-weight:1000}.end-session span{color:var(--coral);margin-right:6px}.pause-session:hover,.end-session:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.pause-preserved-note{border:2px solid var(--ink);text-align:center;background:#eef8e6;border-radius:10px;margin:12px 0 0;padding:9px 11px;font-size:10px;font-weight:900}@media (max-width:620px){.session-controls{grid-template-columns:1fr}.end-session{min-height:46px}}.landing-page{background:var(--paper);min-height:100vh;color:var(--ink)}.landing-nav{background:var(--ink);color:#fff;align-items:center;gap:24px;min-height:92px;padding:8px clamp(20px,6vw,88px);display:flex}.landing-nav .brand{width:210px;height:76px;margin-right:auto}.landing-nav nav{gap:8px;display:flex}.landing-nav nav a{color:#fff;border-radius:20px;padding:9px 12px;font-size:11px;font-weight:900;text-decoration:none}.landing-nav nav a:hover{background:#ffffff18}.landing-pet-link{background:var(--green);color:var(--ink);border:2px solid #fff;border-radius:20px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:1000;text-decoration:none;display:flex}.landing-hero{border-bottom:3px solid var(--ink);background:#fff9df;grid-template-columns:1fr;align-items:center;gap:24px;padding:38px clamp(22px,8vw,118px) 42px;display:grid}.landing-hero-copy>p,.landing-paths>header p{letter-spacing:2px;margin:0 0 13px;font-size:10px;font-weight:1000}.landing-hero h1{letter-spacing:-2px;white-space:nowrap;margin:0;font-size:clamp(30px,4.1vw,52px);line-height:1}.landing-hero h1 em{background:linear-gradient(transparent 68%,var(--yellow) 68%);font-style:normal}.landing-hero-copy>span{color:#5f5a50;max-width:760px;margin-top:17px;font-size:14px;line-height:1.55;display:block}.landing-primary-action{background:var(--yellow);width:min(100%,330px);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:11px;align-items:center;gap:10px;margin-top:19px;padding:12px 14px;text-decoration:none;display:flex}.landing-primary-action>span{font-size:20px}.landing-primary-action>strong{font-size:12px}.landing-primary-action>b{margin-left:auto;font-size:17px}.landing-guide{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:20px;padding:26px}.landing-guide>span,.landing-guide>strong,.landing-guide>p{display:block}.landing-guide>span{letter-spacing:1px;font-size:10px;font-weight:1000}.landing-guide>strong{margin-top:7px;font-size:28px}.landing-guide>p{color:#625d52;font-size:13px;line-height:1.55}.landing-guide>a{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:10px;justify-content:space-between;margin-top:20px;padding:13px 15px;font-size:11px;font-weight:1000;text-decoration:none;display:flex}.landing-paths>header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.landing-paths>header h2{letter-spacing:-2.5px;margin:0;font-size:clamp(36px,4vw,58px)}.landing-paths>header>span{color:#6b665c;text-align:right;font-size:12px;line-height:1.6}.landing-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landing-path-card{min-width:0;min-height:335px;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:19px;flex-direction:column;padding:20px;text-decoration:none;transition:all .16s;display:flex;position:relative}.landing-path-card.grammar{--path-color:var(--blue)}.landing-path-card.roleplay{--path-color:var(--yellow)}.landing-path-card.vocabulary{--path-color:var(--green)}.landing-path-number{font-size:12px;font-weight:1000;position:absolute;top:17px;right:20px}.landing-path-icon{background:var(--path-color);border:3px solid var(--ink);border-radius:15px;place-items:center;width:58px;height:58px;margin-bottom:16px;font-size:23px;font-weight:1000;display:grid}.landing-path-card>small{letter-spacing:1.2px;font-size:9px;font-weight:1000}.landing-path-card h3{letter-spacing:-1.2px;margin:6px 0 0;font-size:clamp(25px,2.3vw,34px);line-height:1}.landing-path-card h4{margin:7px 0 0;font-size:17px}.landing-path-card em{color:#777167;font-size:10px;font-style:normal;line-height:1.45}.landing-path-card>strong{background:var(--path-color);border:2px solid var(--ink);border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 14px;font-size:11px;display:flex}.landing-path-card>strong b{font-size:18px}.landing-reassurance{justify-content:center;align-items:center;gap:22px;padding:0 clamp(22px,7vw,105px) 80px;display:flex}.landing-reassurance>div{align-items:center;gap:10px;display:flex}.landing-reassurance>div>span{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:1000;display:grid}.landing-reassurance p{margin:0}.landing-reassurance strong,.landing-reassurance small{display:block}.landing-reassurance strong{font-size:12px}.landing-reassurance small{color:#6c675d;margin-top:2px;font-size:9px}.landing-footer{min-height:95px}.roleplay-page-intro{margin-bottom:28px}.roleplay-page-intro>p{letter-spacing:2px;margin:0 0 10px;font-size:10px;font-weight:1000}.roleplay-page-intro>p span{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:18px;margin-left:7px;padding:5px 9px;display:inline-block}.roleplay-page-intro h1{letter-spacing:-2.5px;margin:0;font-size:clamp(34px,4.7vw,62px);line-height:1}.roleplay-page-intro>strong{margin-top:12px;font-size:15px;display:block}.roadmap.roleplay-levels .roleplay-page-intro{max-width:900px;margin-bottom:54px}.roadmap.roleplay-levels .level-track{margin-bottom:0}.back-to-levels{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:20px;margin:0 0 28px;padding:10px 14px;font-size:10px;font-weight:1000}.back-to-levels:hover{background:var(--yellow);transform:translate(-1px,-1px)}@media (max-width:900px){.landing-nav nav{display:none}.landing-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-path-card.roleplay{grid-column:auto}.landing-path-card{min-height:310px;padding:16px}.landing-path-icon{width:52px;height:52px;margin-bottom:13px;font-size:21px}.landing-path-card h3{font-size:22px}.landing-path-card h4{font-size:14px}.landing-path-card p{font-size:10px}.landing-paths>header{flex-direction:column;align-items:start}.landing-paths>header>span{text-align:left}}@media (max-width:620px){.landing-nav{min-height:76px;padding:6px 16px}.landing-nav .brand{width:150px;height:62px}.landing-pet-link{padding:8px;font-size:0}.landing-pet-link span{font-size:18px}.landing-hero{gap:20px;padding:34px 20px 37px}.landing-hero h1{letter-spacing:-1.4px;font-size:clamp(24px,7.8vw,32px)}.landing-hero-copy>span br{display:none}.landing-paths{padding:34px 20px 44px}.landing-path-grid{grid-template-columns:1fr}.landing-path-card.roleplay{grid-column:auto}.landing-path-card{min-height:280px;padding:18px}.landing-reassurance{flex-direction:column;align-items:flex-start;padding:0 24px 60px}.landing-reassurance>b{display:none}}.pet-link{color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#b8e986;border-radius:18px;align-items:center;gap:10px;margin-left:auto;padding:10px 14px;font-size:13px;font-weight:1000;line-height:1.05;text-decoration:none;transition:all .15s;display:flex}.pet-link:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.pet-link-icon{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.pet-link small{letter-spacing:1px;margin-bottom:4px;font-size:7px;display:block}.pet-link b{font-size:17px}.pet-page{background:var(--cream);min-height:100vh;color:var(--ink)}.pet-nav{border-bottom:3px solid var(--ink);background:linear-gradient(90deg,var(--yellow) 0 14px,var(--cream) 14px 100%);align-items:center;gap:22px;height:98px;padding:0 clamp(20px,6vw,80px);display:flex}.pet-nav .brand{width:210px;height:76px;margin-right:auto}.pet-nav>a:not(.brand){color:var(--ink);font-size:12px;font-weight:1000;text-decoration:none}.pet-home-link{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:22px;padding:10px 15px}.pet-hero{border-bottom:3px solid var(--ink);background:#d8ecff;justify-content:space-between;align-items:center;gap:34px;padding:26px clamp(22px,7vw,100px);display:flex}.pet-hero p,.pet-picker header p,.pet-shop>header p{letter-spacing:3px;margin:0 0 8px;font-size:11px;font-weight:1000}.pet-hero h1{letter-spacing:-2.5px;white-space:nowrap;margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1}.pet-hero h1 em{z-index:0;font-style:normal;position:relative}.pet-hero h1 em:after{content:"";background:var(--yellow);z-index:-1;height:12px;position:absolute;bottom:3px;left:0;right:0}.pet-hero>div>span{max-width:760px;margin-top:12px;font-size:12px;line-height:1.5;display:block}.pet-hero>div>span small{color:#6b665c;margin-top:3px;font-size:8px;font-weight:800;display:block}.pet-hero-game-card{border:1px solid var(--ink);background:var(--yellow);width:180px;min-height:100px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:15px;flex-direction:column;flex:none;justify-content:center;padding:15px;text-decoration:none;display:flex}.pet-hero-game-card small{letter-spacing:1.5px;font-size:7px;font-weight:1000}.pet-hero-game-card b{margin:5px 0 3px;font-size:15px}.pet-hero-game-card span{font-size:8px;font-weight:850}.pet-game-shortcuts{grid-template-columns:repeat(3,1fr);gap:7px;min-width:min(530px,46vw)!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:grid!important}.pet-game-shortcuts a{border:2px solid var(--ink);min-width:0;min-height:83px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:13px;flex-direction:column;justify-content:center;padding:11px;text-decoration:none;display:flex}.pet-game-shortcuts a:nth-child(2){background:#fff1b7}.pet-game-shortcuts a:nth-child(3){background:#b8e986}.pet-game-shortcuts b{font-size:11px!important}.pet-game-shortcuts span{line-height:1.35;font-size:8px!important}.pet-loading,.pet-picker{border:3px solid var(--ink);max-width:1050px;box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:24px;margin:70px auto;padding:40px}.pet-picker header{text-align:center}.pet-picker h2,.pet-shop h2{letter-spacing:-2px;margin:0 0 8px;font-size:clamp(34px,4vw,54px)}.pet-picker header span,.pet-shop>header span{color:#69645a;font-size:13px}.pet-picker>div{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.pet-picker>div button{border:3px solid var(--ink);min-height:300px;box-shadow:7px 7px 0 var(--ink);cursor:pointer;background:#fff4c9;border-radius:20px;place-items:center;display:grid}.pet-picker>div button+button{background:#d8ecff}.pet-picker>div b{font-size:100px}.pet-picker>div strong{font-size:28px}.pet-picker>div span{font-size:12px}.pet-dashboard{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;padding:34px clamp(22px,6vw,88px) 68px;display:grid}.pet-room,.pet-shop{border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:24px;padding:28px}.pet-room>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.pet-room>header small{letter-spacing:2px;font-size:10px;font-weight:1000}.pet-room>header h2{margin:2px 0 0;font-size:34px}.pet-room-tools{align-items:stretch;gap:7px;display:flex}.pet-change-button{border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#b8e986;border-radius:14px;padding:8px 12px;font-size:10px;font-weight:1000}.pet-status{align-items:stretch;gap:7px;display:flex}.pet-status>b{background:var(--yellow);border:2px solid var(--ink);border-radius:15px;flex-direction:column;justify-content:center;min-width:92px;padding:8px 11px;font-size:13px;display:flex}.pet-status>b+b{background:#d8ecff}.pet-status span{margin-top:2px;font-size:8px}.pet-change-panel{border:2px solid var(--ink);background:#eef8e6;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin-top:16px;padding:12px;display:grid}.pet-change-panel>div{flex-direction:column;gap:2px;display:flex}.pet-change-panel strong{font-size:12px}.pet-change-panel span{color:#625d50;font-size:8px}.pet-change-panel button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:1000}.pet-change-panel button.selected{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.pet-scene{border:3px solid var(--ink);background:#f7e7c8 url(/pets/rooms/v1/empty-living-room.png) 50%/cover no-repeat;border-radius:20px;min-height:430px;margin:14px 0 18px;position:relative;overflow:hidden}.pet-scene:after{content:"";pointer-events:none;background:linear-gradient(#0000,#8c5e2414);height:20%;position:absolute;bottom:0;left:0;right:0}.pet-speech{z-index:7;border:2px solid var(--ink);max-width:190px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;padding:10px 12px;font-size:10px;font-weight:900;position:absolute;top:16px;right:16px}.pet-character{--pet-fur:#d7a45b;width:190px;height:260px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.pet-head{z-index:3;border:3px solid var(--ink);background:var(--pet-fur);border-radius:50%;place-items:center;width:120px;height:112px;display:grid;position:absolute;top:20px;left:35px}.pet-head span{font-size:20px;font-style:normal;font-weight:1000}.pet-ear{z-index:2;background:var(--pet-fur);border:3px solid var(--ink);width:55px;height:62px;position:absolute;top:3px}.pet-ear.left{left:28px;transform:rotate(-20deg)}.pet-ear.right{right:28px;transform:rotate(20deg)}.pet-character.cat .pet-ear{clip-path:polygon(50% 0,100% 100%,0 100%)}.pet-character.dog .pet-ear{border-radius:60% 60% 45% 45%;top:19px}.pet-body{z-index:2;border:3px solid var(--ink);background:var(--pet-fur);border-radius:42% 42% 32% 32%;width:92px;height:121px;position:absolute;top:117px;left:49px}.pet-body i{display:none}.pet-tail{z-index:1;border:18px solid var(--pet-fur);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;width:72px;height:70px;position:absolute;bottom:35px;right:22px;transform:rotate(24deg)}.pet-accessory{z-index:6;font-size:42px;font-style:normal;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.outfit-blue .pet-body,.outfit-pink .pet-body,.outfit-green .pet-body,.outfit-tuxedo .pet-body{overflow:hidden}.outfit-blue .pet-body:after,.outfit-pink .pet-body:after,.outfit-green .pet-body:after,.outfit-tuxedo .pet-body:after{content:"";border:3px solid var(--ink);background:#75cef5;border-radius:18px 18px 28px 28px;height:78px;position:absolute;bottom:-3px;left:-3px;right:-3px}.outfit-pink .pet-body:after{background:#ff8cbe}.outfit-green .pet-body:after{background:#78cf78}.outfit-tuxedo .pet-body:after{background:linear-gradient(90deg,#171715 0 43%,#fff 43% 57%,#171715 57%)}.pet-character-art{z-index:3;transform-origin:50% 88%;will-change:transform;width:325px;height:420px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pet-base-art,.pet-closed-art{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.pet-closed-art{z-index:4;opacity:0;pointer-events:none;animation:3s infinite pet-closed-eye-frame}.pet-blink{z-index:4;pointer-events:none;width:116px;height:20px;animation:3s infinite pet-blink;position:absolute;top:30%;left:50%;transform:translate(-50%)}.pet-blink:before,.pet-blink:after{content:"";opacity:0;border-top:4px solid #25231f;border-radius:50%;width:32px;height:9px;position:absolute;top:3px}.pet-blink:before{left:8px;transform:rotate(3deg)}.pet-blink:after{right:8px;transform:rotate(-3deg)}.pet-character-art.dog .pet-blink{width:122px;top:29%}.pet-wearable-art{z-index:5;object-fit:contain;pointer-events:none;width:244px;height:285px;position:absolute;top:-1px;left:50%;transform:translate(-49%)rotate(1deg)}.pet-character-art.dog .pet-wearable-art{width:232px;top:-2px}.pet-wearable-art.hood-bunny{width:258px;height:355px;top:-25px}.pet-wearable-art.hood-shark{width:258px;height:320px;top:-12px}.pet-wearable-art.hat-mustard{width:208px;height:150px;top:0;transform:translate(-48%)rotate(1deg)}.pet-wearable-art.hat-sailor{width:200px;height:145px;top:5px;transform:translate(-46%)rotate(5deg)}.pet-action-prop{z-index:8;filter:drop-shadow(2px 3px #1b1b1b44);pointer-events:none;line-height:1;position:absolute}.pet-food-bowl{font-size:57px;animation:1.7s both pet-bowl-pop;bottom:4px;left:50%;transform:translate(-50%)}.pet-yarn{font-size:45px;animation:2.1s ease-in-out both pet-yarn-roll;bottom:54px;left:34%}.pet-action-feed{animation:1.7s ease-in-out both pet-eat}.pet-character-art.dog.pet-action-play{animation:2.1s ease-in-out both pet-play}.pet-character-art.cat.pet-action-play{animation:.36s ease-in-out infinite alternate pet-play-sprite}.pet-action-idle{animation:3.8s ease-in-out infinite pet-breathe}@keyframes pet-eat{0%,to{transform:translate(-50%)translateY(0)rotate(0)}30%,65%{transform:translate(-50%)translateY(45px)rotate(7deg)scale(.96)}45%{transform:translate(-50%)translateY(51px)rotate(10deg)scale(.95)}}@keyframes pet-play{0%,to{transform:translate(-50%)translate(0)rotate(0)}18%{transform:translate(-50%)translate(-42px,-22px)rotate(-7deg)}36%{transform:translate(-50%)translate(28px,-48px)rotate(8deg)}56%{transform:translate(-50%)translate(46px,-10px)rotate(7deg)}75%{transform:translate(-50%)translate(-18px,-32px)rotate(-5deg)}}@keyframes pet-breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.012)}}@keyframes pet-yarn-roll{0%{opacity:0;transform:translate(-140px)rotate(0)}12%{opacity:1}50%{transform:translate(130px)rotate(360deg)}88%{opacity:1}to{opacity:0;transform:translate(-40px)rotate(680deg)}}@keyframes pet-bowl-pop{0%,to{opacity:0;transform:translate(-50%)scale(.8)}12%,88%{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pet-play-sprite{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-5px)}}@keyframes pet-closed-eye-frame{0%,88%,95%,to{opacity:0}90%,93%{opacity:1}}@keyframes pet-blink{0%,88%,95%,to{opacity:0}90%,93%{opacity:1}}@keyframes pet-blink-eyes{0%,88%,95%,to{opacity:0}90%,93%{opacity:1}}.pet-blink:before,.pet-blink:after{animation:3s infinite pet-blink-eyes}.pet-energy{margin-top:12px}.pet-energy header{justify-content:space-between;font-size:10px;display:flex}.pet-energy>div{border:2px solid var(--ink);background:#eee;border-radius:14px;height:14px;margin-top:5px;overflow:hidden}.pet-energy i{background:linear-gradient(90deg,#ffd83d,#b8e986);height:100%;display:block}.pet-care-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.pet-care-actions button,.pet-room form button{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:11px;padding:13px;font-size:12px;font-weight:1000}.pet-care-actions button+button{background:#d8ecff}.pet-care-actions small{font-size:8px;display:block}.pet-room form{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:18px;display:grid}.pet-room form label{font-size:10px;font-weight:1000}.pet-room form input{border:2px solid var(--ink);border-radius:10px;min-width:0;padding:12px;font:900 13px/1 inherit}.pet-change-button small,.pet-energy strong small,.pet-room form label small,.pet-room form button small{color:#5e594f;margin-top:2px;font-size:7px;font-weight:800;display:block}.pet-room form button small{color:inherit}.pet-energy strong small{margin-left:5px;display:inline}.pet-shop>header{border-bottom:2px solid var(--ink);padding-bottom:20px}.pet-shop nav{grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0;display:grid}.pet-shop nav.cat-shop-tabs{grid-template-columns:repeat(2,1fr)}.pet-shop nav button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:9px 5px;font-size:9px;font-weight:1000}.pet-shop nav button.selected{box-shadow:2px 2px 0 var(--ink);background:#b8e986}.pet-shop>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pet-shop>div button{text-align:left;border:2px solid var(--ink);cursor:pointer;background:#f8f6ef;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-items:center;gap:2px 9px;min-height:86px;padding:10px;display:grid}.pet-shop>div button.equipped{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.pet-shop>div i{text-align:center;grid-row:1/3;place-items:center;height:58px;font-size:28px;font-style:normal;display:grid}.pet-shop>div i img{object-fit:contain;max-width:58px;max-height:58px;display:block}.pet-shop>div strong{font-size:11px}.pet-shop>div span{color:#625d50;font-size:8px}.pet-shop>a{background:var(--ink);color:#fff;text-align:center;border-radius:11px;margin-top:20px;padding:15px;font-size:11px;font-weight:1000;text-decoration:none;display:block}.pet-error{color:#8a2118;background:#ffe2dc;border:2px solid #a72c22;border-radius:9px;padding:10px;font-size:10px;font-weight:900}.pet-shop nav button small,.pet-shop>div strong small,.pet-shop>a small{color:#625d50;margin-top:2px;font-size:7px;font-weight:800;display:block}.pet-shop>a small{color:inherit;display:inline}.pet-preview-overlay{z-index:1000;background:#12120fd1;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.pet-preview-card{border:3px solid var(--ink);text-align:center;background:#fff9e8;border-radius:22px;width:min(510px,94vw);padding:24px;position:relative;box-shadow:9px 9px #ffdb42}.pet-preview-card>small{letter-spacing:2px;font-size:9px;font-weight:1000}.pet-preview-card h2{margin:5px 0 12px;font-size:28px}.pet-preview-art{border:3px solid var(--ink);background:#fffdf7;border-radius:18px;place-items:center;height:390px;display:grid;overflow:hidden}.pet-preview-art img{object-fit:contain;background:#fffdf7;width:100%;height:100%}.pet-preview-art b{font-size:100px}.pet-preview-card>button:last-child{border:2px solid var(--ink);background:var(--yellow);width:100%;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;margin-top:14px;padding:14px;font-size:12px;font-weight:1000}.pet-preview-close{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:35px;height:35px;font-size:22px;position:absolute;top:12px;right:12px}.pet-page button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.pet-dashboard{grid-template-columns:1fr}.pet-nav .vocab-link{display:none}.pet-home-link{margin-left:auto;display:block!important}.pet-character{transform:translate(-50%)scale(.9)}.pet-hero{flex-direction:column;align-items:stretch}.pet-hero-game-card{width:100%;min-height:76px}.pet-game-shortcuts{width:100%;min-width:0!important}}@media (max-width:620px){.pet-nav{height:78px;padding:0 16px}.pet-nav .brand{width:155px;height:58px}.pet-home-link{padding:8px 10px!important;font-size:9px!important}.pet-hero{padding:22px 18px}.pet-hero h1{letter-spacing:-1.5px;white-space:normal;font-size:31px}.pet-hero>div>span{margin-top:9px;font-size:10px}.pet-game-shortcuts{grid-template-columns:1fr}.pet-game-shortcuts a{min-height:62px}.pet-picker{margin:40px 18px;padding:22px}.pet-picker>div{grid-template-columns:1fr}.pet-picker>div button{min-height:230px}.pet-dashboard{padding:20px 18px 44px}.pet-room,.pet-shop{padding:18px}.pet-room>header{align-items:flex-start}.pet-room-tools{flex-direction:column}.pet-change-button{font-size:9px}.pet-status{flex-direction:row}.pet-status>b{min-width:74px}.pet-change-panel{grid-template-columns:1fr 1fr}.pet-change-panel>div{grid-column:1/-1}.pet-scene{min-height:370px}.pet-character-art{width:290px;height:380px}.pet-speech{max-width:145px;padding:8px;font-size:9px;top:9px;right:9px}.pet-shop nav{grid-template-columns:1fr 1fr}.pet-room form,.pet-shop>div{grid-template-columns:1fr}}.pet-games-page{background:var(--cream);min-height:100vh;color:var(--ink)}.pet-games-hero{border-bottom:3px solid var(--ink);background:#d8ecff;justify-content:space-between;align-items:center;gap:26px;padding:42px clamp(22px,7vw,100px);display:flex}.pet-games-hero p{letter-spacing:3px;margin:0 0 8px;font-size:11px;font-weight:1000}.pet-games-hero h1{letter-spacing:-4px;margin:0;font-size:clamp(42px,6vw,76px);line-height:.95}.pet-games-hero h1 em{background:linear-gradient(transparent 68%,var(--yellow) 68%);font-style:normal}.pet-games-hero span{margin-top:17px;font-size:13px;display:block}.pet-game-balance{border:3px solid var(--ink);background:var(--yellow);min-width:180px;box-shadow:5px 5px 0 var(--ink);border-radius:18px;flex-direction:column;align-items:center;padding:22px;display:flex}.pet-game-balance b{font-size:30px}.pet-game-balance span{margin-top:2px;font-size:11px;font-weight:1000}.pet-game-tabs{grid-template-columns:repeat(3,1fr);gap:10px;max-width:1080px;margin:32px auto 0;padding:0 22px;display:grid}.pet-game-tabs button{border:3px solid var(--ink);min-height:72px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:14px;font-size:13px;font-weight:1000}.pet-game-tabs button.selected{background:var(--yellow)}.pet-game-board{border:3px solid var(--ink);max-width:1036px;min-height:390px;box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:23px;margin:22px auto 70px;padding:38px}.pet-game-board small{letter-spacing:2px;font-size:10px;font-weight:1000}.pet-game-board h2{margin:24px 0 7px;font-size:clamp(27px,4vw,48px);line-height:1.15}.pet-game-board p{color:#625d50;font-size:13px}.who-clue-reading{color:#807866!important;margin:0 0 9px!important;font-size:11px!important}.pet-game-board form{grid-template-columns:1fr auto;gap:10px;margin-top:28px;display:grid}.pet-game-board input{border:3px solid var(--ink);border-radius:13px;min-width:0;padding:16px;font:900 15px/1 inherit}.pet-game-board button{border:2px solid var(--ink);cursor:pointer;background:#d8ecff;border-radius:11px;padding:13px 16px;font-size:11px;font-weight:1000}.pet-game-board form button,.pet-game-actions button:last-child,.pet-game-next{background:var(--yellow)}.pet-game-board>header{justify-content:space-between;align-items:center;display:flex}.pet-game-board>header b{background:var(--yellow);border:2px solid var(--ink);border-radius:12px;padding:9px 12px;font-size:12px}.sentence-drop{border:3px dashed var(--ink);background:#eef8e6;border-radius:14px;min-height:82px;margin:25px 0 14px;padding:22px;font-size:20px;font-weight:900}.sentence-words,.pet-game-actions,.adventure-choices{flex-wrap:wrap;gap:9px;display:flex}.sentence-words button:disabled{opacity:.3}.pet-game-actions{justify-content:flex-end;margin-top:24px}.adventure-choices{margin-top:25px;display:grid}.adventure-choices button{text-align:left;background:#f8f6ef;font-size:13px}.pet-game-message{background:#ffe2dc;border:2px solid #a72c22;border-radius:11px;margin-top:22px;padding:14px;font-size:12px;font-weight:1000}.pet-game-message.correct{border-color:var(--ink);background:#b8e986}.pet-game-next{margin:15px 0 0 auto;display:block}.who-choices{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.who-choices button{text-align:left;background:#f8f6ef;align-items:center;gap:14px;min-height:88px;padding:16px;font-size:16px;display:flex}.who-choices button:hover:not(:disabled){background:var(--yellow);transform:translateY(-2px)}.who-choices button:disabled{cursor:default}.who-choices b{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.who-choices span{gap:4px;display:grid}.who-choices span strong{font-size:16px}.who-choices span small{color:#746e62;font-weight:800;letter-spacing:0!important;font-size:9px!important}.pet-game-message{gap:7px;font-weight:800;display:grid}.pet-game-message strong{font-size:14px}.pet-game-message span{line-height:1.6}@media (max-width:620px){.pet-games-hero{flex-direction:column;align-items:stretch;padding:30px 18px}.pet-games-hero h1{letter-spacing:-2px;font-size:42px}.pet-game-balance{min-width:0;padding:14px}.pet-game-tabs{grid-template-columns:1fr;padding:0 18px}.pet-game-board{min-height:340px;margin:18px 18px 45px;padding:22px}.pet-game-board form{grid-template-columns:1fr}.pet-game-board h2{font-size:27px}.sentence-drop{font-size:16px}.who-choices{grid-template-columns:1fr}.who-choices button{min-height:62px}}.pet-game-tabs button{place-content:center;gap:4px;display:grid}.pet-game-tabs button small{letter-spacing:0;color:#625d50;font-size:9px;font-weight:900}.pet-game-progress{text-align:right;color:#625d50;margin:-14px 0 22px;font-size:10px;font-weight:1000}.pet-game-complete{text-align:center;background:#f8f6ef;border:2px dashed #b9b5aa;border-radius:18px;place-items:center;gap:8px;min-height:250px;padding:30px;display:grid}.pet-game-complete b{font-size:24px}.pet-game-complete span{color:#625d50;font-size:12px}@media (max-width:760px){.reply-helper>div{grid-template-columns:1fr}.pet-link{padding:8px 10px;font-size:10px}.pet-link-icon{width:29px;height:29px}.pet-link small,.pet-link b{display:none}}.practice-unit-detail{width:100%;max-width:960px;margin:34px auto 0}.food-success-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121210ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.food-success-card{border:3px solid var(--ink);text-align:center;width:min(560px,100%);box-shadow:12px 12px 0 var(--yellow);background:#fffdf5;border-radius:26px;padding:42px 32px 30px;animation:.25s ease-out food-success-pop;position:relative}.food-success-close{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;font-size:26px;font-weight:900;position:absolute;top:14px;right:16px}.food-success-confetti{letter-spacing:8px;font-size:42px}.food-success-card>p:first-of-type{letter-spacing:2px;margin:14px 0 6px;font-size:11px;font-weight:1000}.food-success-card h2{letter-spacing:-2px;margin:0 0 12px;font-size:clamp(36px,6vw,58px);line-height:1}.food-success-card>p:nth-of-type(2){font-size:14px;line-height:1.6}.food-success-card blockquote{border:2px solid var(--ink);background:#dff4cf;border-radius:14px;margin:20px 0;padding:16px;font-size:18px;font-weight:900}.food-success-done{border:2px solid var(--ink);background:var(--coral);width:100%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:13px;padding:15px;font-size:14px;font-weight:1000}.food-success-card small{color:#6d685d;margin-top:13px;display:block}@keyframes food-success-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:620px){.practice-unit-detail{margin-top:22px}.food-success-card{padding:38px 20px 24px}.food-success-confetti{font-size:34px}.food-success-card blockquote{font-size:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ink:#1c2421;--paper:#fbfaf6;--cream:#f2f0e8;--yellow:#f4ce55;--coral:#ee7868;--blue:#8bcde8;--green:#a7d883;--surface:#fff;--muted:#626964;--line:#1c24212e;--soft-shadow:0 14px 38px #1e26221a;--small-shadow:0 7px 20px #1e262214}html{background:var(--paper)}body{min-width:320px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Tahoma,sans-serif;line-height:1.5}button,a,input,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #3991be61}button:not(:disabled){cursor:pointer}.topbar,.foundation-nav,.vocab-nav,.pet-nav,.unit-page-nav{border:0;border-bottom:1px solid var(--line);background:#fbfaf6f5;height:auto;min-height:82px;padding:10px clamp(18px,5vw,72px);box-shadow:0 4px 18px #1c24210d}.brand{border:1px solid var(--line);width:178px;height:60px;box-shadow:none;border-radius:14px;padding:7px 12px}.profile,.brand-dot{border:1px solid var(--line);box-shadow:none}.topnav{border-right:0;gap:10px;padding-right:0}.topnav a,.foundation-nav nav a{color:var(--ink);border:0;border-radius:10px;padding:9px 12px;font-size:12px}.topnav a:hover,.foundation-nav nav a:hover{background:#ece9df}.topbar .streak{margin-left:auto}.story-mode-link,.pet-home-link,.unit-page-nav>a:nth-child(2),.vocab-nav>a:nth-child(2){border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:11px;padding:10px 13px;text-decoration:none}.landing-nav{background:#1e2623;border:0;min-height:82px;padding:10px clamp(18px,6vw,86px);box-shadow:0 8px 26px #141a1724}.landing-nav .brand{width:184px;height:62px;box-shadow:none;border-color:#fff3}.landing-nav nav a{font-size:12px;font-weight:750}.landing-pet-link{box-shadow:none;border:0;border-radius:12px;padding:10px 14px;font-size:11px}.landing-hero{background:radial-gradient(circle at 88% 24%,#f4ce5552,#0000 23%),linear-gradient(135deg,#fffaf0 0%,#f6f2e5 100%);border:0;min-height:0;padding:34px clamp(22px,8vw,118px) 6px}.landing-hero-copy{max-width:1080px}.landing-hero h1{letter-spacing:-2px;font-size:clamp(32px,4.2vw,52px);line-height:1.08}.landing-hero-copy>span{color:var(--muted);font-size:16px}.landing-primary-action{border:1px solid #1c242161;border-radius:13px;width:min(100%,360px);min-height:54px;padding:14px 17px;box-shadow:0 8px 20px #80650d21}.landing-primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px #80650d2e}.landing-paths{padding:6px clamp(22px,7vw,105px) 64px}.landing-paths>header{gap:16px;margin-bottom:20px}.landing-paths>header p{margin-bottom:8px}.landing-paths>header h2{letter-spacing:-1.8px;font-size:clamp(32px,4vw,52px)}.landing-path-grid{gap:22px}.landing-path-card{border:1px solid var(--line);border-top:5px solid var(--path-color);min-height:350px;box-shadow:var(--small-shadow);border-radius:20px;padding:24px}.landing-path-card:hover{box-shadow:var(--soft-shadow);transform:translateY(-5px)}.landing-path-icon{border:0;border-radius:15px;width:56px;height:56px}.landing-path-card h3{letter-spacing:-.8px;font-size:clamp(25px,2.3vw,33px)}.landing-path-card p{color:var(--muted);font-size:13px;line-height:1.65}.landing-path-card em{color:#777d78;font-size:11px}.landing-path-card>strong{border:0;border-radius:12px;min-height:50px;padding:13px 15px}.landing-footer{color:#fff;background:#1e2623;border:0}.hero,.roadmap,.practice-stage,.conversation,.topics,.homework{border-color:var(--line)}.hero{background:linear-gradient(145deg,#fbfaf6,#f4f0df);padding:56px clamp(22px,7vw,104px) 66px}.hero:before{opacity:.65;border:0}.hero h1{letter-spacing:-2.4px;font-size:clamp(42px,5.4vw,72px);line-height:1.06}.lede{color:var(--muted);font-size:17px}.roadmap{background:#f4f2eb;border-width:1px;padding:58px clamp(22px,6vw,92px) 72px}.roadmap.roleplay-levels{min-height:calc(100vh - 82px);padding-top:56px}.roleplay-page-intro h1{letter-spacing:-1.8px;font-size:clamp(36px,4.7vw,58px)}.level-track{border:0;gap:10px;margin-left:0;margin-right:0}.level-track button{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:112px;padding:18px 15px;box-shadow:0 5px 16px #1c24210f}.level-track button:before{display:none}.level-track button.selected{background:#fff7cf;border-color:#d0ab2e;box-shadow:0 8px 22px #9d7c101f}.unit-level-group{border:1px solid var(--line);background:#eeece5;border-radius:18px;padding:14px}.unit-level-group>header{border-color:var(--line)}.unit-list{gap:12px}.unit-list button{border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 5px 14px #1c24210f}.unit-list button:hover,.unit-list button.selected{transform:translate(3px);box-shadow:0 10px 24px #1c24211a}.unit-arrow,.unit-level-group>header>span{border-width:1px}.practice-stage{background:#fbfaf6;border-width:1px;padding:56px clamp(20px,6vw,92px) 74px}.practice-stage-heading,.practice-column,.practice-card,.practice-unit-detail{max-width:980px}.pace-control,.practice-card,.unit-detail{border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:20px}.practice-card{padding:28px;transform:none}.practice-card:before{display:none}.pace-options button,.level-pill,.wave,.caption-line,.reply-helper,.reply-option,.lesson-prop-card,.restaurant-menu,.context-card-trigger{border-width:1px}.pace-options button.selected{transform:none;box-shadow:0 5px 14px #87680a21}.teacher-face{box-shadow:none;border-width:1px}.lesson-prop-card,.restaurant-menu{box-shadow:var(--small-shadow)}.caption-line{border-radius:14px;padding:16px 18px}.reply-helper{background:#edf5e9;border-radius:15px;padding:16px}.reply-helper>div{grid-template-columns:repeat(3,minmax(0,1fr))}.reply-option{min-height:150px;padding:12px}.quest-panel{background:var(--yellow);box-shadow:var(--small-shadow);border:1px solid #b88d00;border-radius:15px;gap:8px;padding:11px 13px 13px;display:grid}.quest-panel>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.quest-panel>header small,.quest-panel>header strong{display:block}.quest-panel>header small{letter-spacing:1.4px;font-size:8px;font-weight:1000}.quest-panel>header strong{font-size:12px}.quest-panel>header>span{color:#655f50;font-size:9px;font-weight:900}.quest-current{background:#fffdf6;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 10px 9px 12px;display:grid}.quest-current>b,.quest-complete-message>b{background:var(--yellow);border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.quest-current>span strong,.quest-current>span small,.quest-complete-message span strong,.quest-complete-message span small{display:block}.quest-current>span strong,.quest-complete-message span strong{font-size:15px}.quest-current>span small,.quest-complete-message span small{color:#655f50;margin-top:4px;font-size:10px;line-height:1.45}.quest-help-toggle{border:1px solid var(--ink);background:var(--ink);color:#fff;text-align:left;min-width:142px;box-shadow:none;border-radius:10px;padding:8px 11px}.quest-help-toggle strong,.quest-help-toggle small{display:block}.quest-help-toggle strong{font-size:11px}.quest-help-toggle small{color:#dfe9e3;margin-top:2px;font-size:8px}.quest-hint{color:#fff;background:#1c2421;border-radius:11px;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(0,1fr));align-items:center;gap:7px;padding:9px 10px;display:grid}.quest-hint>small{color:#dfe9e3;font-size:8px;line-height:1.4}.quest-hint>strong{color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px;font-size:9px;line-height:1.35}.quest-complete-message{background:#fff;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:9px 12px;display:grid}.quest-panel.complete{background:#e8f6df;border-color:#8cb67a}.quest-panel.complete .quest-complete-message>b{background:var(--green)}.mic-button,.pause-session,.end-session{box-shadow:none;border-width:1px;border-radius:13px}.mic-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #1c24211a}.mic-button.idle{transform-origin:50%;animation:2.4s ease-in-out infinite mic-attention}.mic-button.idle:hover{animation:none}@keyframes mic-attention{0%,68%,to{transform:translate(0)rotate(0)}73%{transform:translate(-4px)rotate(-.35deg)}78%{transform:translate(4px)rotate(.35deg)}83%{transform:translate(-3px)rotate(-.25deg)}88%{transform:translate(3px)rotate(.25deg)}93%{transform:translate(0)rotate(0)}}.homework-panel,.chat-window,.unit-overview{box-shadow:var(--small-shadow);border-width:1px}.foundation-hero{background:linear-gradient(145deg,#fffaf0,#f1f6f7);padding:48px clamp(22px,7vw,104px) 24px}.foundation-hero:before{opacity:.45}.foundation-hero h1{letter-spacing:-2px;font-size:clamp(38px,5vw,60px);line-height:1.06}.foundation-stats b,.foundation-level-grid button,.lesson-examples,.sentence-builder,.foundation-voice,.track-grid article{border:1px solid var(--line);box-shadow:var(--small-shadow)}.foundation-quick-start,.foundation-nav .story-mode-link{box-shadow:none;border:0}.foundation-levels,.practice-lab{border-width:1px}.foundation-levels{padding-top:28px}.foundation-level-grid{gap:14px}.foundation-level-grid button{border-radius:16px}.foundation-level-grid button:hover,.foundation-level-grid button.selected{box-shadow:var(--soft-shadow);transform:translateY(-3px)}.foundation-lesson,.foundation-tracks{padding-top:68px;padding-bottom:68px}.lesson-examples,.sentence-builder,.foundation-voice{border-radius:20px}.lesson-examples blockquote,.foundation-caption,.built-sentence,.builder-slots select{border-width:1px}.foundation-graduate{box-shadow:0 18px 42px #1c242129}.vocab-hero{background:linear-gradient(145deg,#f4f0e8,#edf7f9);border-width:1px;padding:58px clamp(22px,7vw,105px)}.vocab-hero h1{letter-spacing:-2.4px;font-size:clamp(44px,6vw,72px)}.vocab-steps b,.vocab-game aside>button,.vocab-stage,.vocab-card,.quiz-card{border:1px solid var(--line);box-shadow:var(--small-shadow)}.vocab-game{gap:28px;padding-top:58px;padding-bottom:70px}.vocab-game aside>button{border-radius:14px}.vocab-game aside>button.selected{border-color:#1c24216b;transform:none;box-shadow:0 8px 20px #1c24211a}.vocab-stage{border-radius:20px}.vocab-card,.quiz-card{border-radius:17px}.vocab-next,.vocab-listen{box-shadow:none;border-width:1px}.vocab-hero{justify-content:space-between;align-items:center;gap:28px;display:flex}.vocab-goal{border:1px solid var(--line);background:var(--yellow);min-width:190px;box-shadow:var(--small-shadow);border-radius:20px;place-items:center;padding:25px;font-size:40px;display:grid}.vocab-goal small{letter-spacing:.3px;margin-top:3px;font-size:9px;display:block}.vocab-library,.vocab-study-page,.vocab-memory-page,.vocab-match-page{max-width:1180px;margin:0 auto;padding:58px clamp(18px,5vw,70px) 78px}.vocab-library-root{padding-top:52px}.vocab-library>header,.vocab-study-page>header,.vocab-memory-page>header,.vocab-match-page>header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.vocab-library>header p,.vocab-study-page>header p,.vocab-memory-page>header p,.vocab-match-page>header p{letter-spacing:2.4px;margin:0 0 6px;font-size:9px;font-weight:1000}.vocab-library>header h2,.vocab-study-page>header h2,.vocab-memory-page>header h2,.vocab-match-page>header h2{letter-spacing:-1.7px;margin:0;font-size:clamp(30px,4vw,47px)}.vocab-library-root>header h1,.vocab-section-header h1{letter-spacing:-2px;margin:0;font-size:clamp(34px,5vw,57px);line-height:1.06}.vocab-library>header>span{max-width:330px;color:var(--muted);font-size:13px}.vocab-study-page>header>button,.vocab-memory-page>header>button,.vocab-match-page>header>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:900}.vocab-study-page>header>b,.vocab-memory-page>header>b,.vocab-match-page>header>b{background:var(--yellow);border-radius:999px;padding:10px 13px;font-size:10px}.vocab-section-header{align-items:center!important}.vocab-section-header>div{flex:1}.vocab-section-header>div>span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.vocab-collection-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vocab-collection-grid article{--collection-color:var(--yellow);border:1px solid var(--line);background:linear-gradient(145deg,var(--collection-color),white 74%);box-shadow:var(--soft-shadow);border-radius:20px;padding:30px;position:relative}.vocab-collection-grid article>span{font-size:11px;font-weight:1000;position:absolute;top:24px;right:25px}.vocab-collection-grid article>small{letter-spacing:1px;font-size:9px;font-weight:1000}.vocab-collection-grid article h2{letter-spacing:-2.5px;margin:18px 0 5px;font-size:clamp(39px,5vw,59px);line-height:1}.vocab-collection-grid article>p{min-height:38px;color:var(--muted);margin:0;font-size:11px}.vocab-collection-grid article>div{background:#ffffffad;border:1px solid #1c242138;border-radius:10px;margin:24px 0 18px;padding:13px;position:relative;overflow:hidden}.vocab-collection-grid article>div b{z-index:1;font-size:9px;position:relative}.vocab-collection-grid article>div i{background:#b8e986cc;position:absolute;inset:0 auto 0 0}.vocab-collection-grid article>button{border:1px solid var(--line);background:var(--ink);color:#fff;cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:9px;padding:13px 15px;font-size:10px;font-weight:1000;display:flex}.vocab-collection-grid article>button.secondary{color:var(--ink);background:#fff;justify-content:center}.vocab-source-note{color:var(--muted);margin:20px 0 0!important;font-size:9px!important}.vocab-progress-track{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;min-height:47px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.vocab-progress-track i{background:#b8e986;transition:width .25s;position:absolute;inset:0 auto 0 0}.vocab-progress-track b{padding:0 17px;font-size:10px;position:relative}.vocab-library-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.vocab-library-grid>button{text-align:left;border:1px solid var(--line);min-height:190px;box-shadow:var(--small-shadow);cursor:pointer;background:#fff;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;gap:7px 16px;padding:25px;display:grid;position:relative}.vocab-library-grid>button:hover{transform:translateY(-3px)}.vocab-library-grid>button.primary{background:#fff1ad}.vocab-library-grid>button.match{background:#dff4d0}.vocab-library-grid>button>span{background:var(--ink);color:#fff;border-radius:999px;grid-row:1/3;padding:7px 9px;font-size:9px;font-weight:900}.vocab-library-grid>button>b{align-self:end;font-size:23px}.vocab-library-grid>button>small{color:var(--muted);font-size:10px}.vocab-library-grid>button>i{grid-area:1/3/3;align-self:center;font-size:24px;font-style:normal}.vocab-study-page .vocab-card{background:#fff1ad;max-width:880px;min-height:470px;margin:0 auto}.vocab-memory-actions{grid-template-columns:1fr 1fr;gap:14px;max-width:880px;margin:16px auto 0;display:grid}.vocab-memory-actions button{border:1px solid var(--line);cursor:pointer;background:#ffe3dc;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:76px;padding:16px 20px;font-size:14px;font-weight:1000;display:flex}.vocab-memory-actions button:last-child{background:#dff4d0}.vocab-memory-actions button span{color:var(--muted);margin-top:4px;font-size:9px;font-weight:700}.vocab-memory-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocab-memory-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:120px;padding:18px;display:grid}.vocab-memory-grid article>span{font-size:28px}.vocab-memory-grid article b{font-size:18px}.vocab-memory-grid article small,.vocab-memory-grid article p{color:var(--muted);margin:3px 0 0;font-size:9px;display:block}.vocab-memory-grid article button{border:1px solid var(--line);cursor:pointer;background:#f5f3ec;border-radius:9px;padding:9px;font-size:8px;font-weight:900}.vocab-memory-page>.vocab-next{border:1px solid var(--line);background:var(--ink);color:#fff;cursor:pointer;border-radius:12px;justify-content:space-between;width:100%;margin-top:18px;display:flex}.vocab-empty{text-align:center;background:#fff;border:1px dashed #aaa394;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid}.vocab-empty b{font-size:21px}.vocab-empty span{color:var(--muted);font-size:11px}.vocab-empty button{border:1px solid var(--line);background:var(--yellow);cursor:pointer;border-radius:10px;margin-top:8px;padding:11px 16px;font-weight:900}.vocab-match-page>p{color:var(--muted);margin:-12px 0 24px;font-size:12px}.vocab-match-board{grid-template-columns:1fr 1fr;gap:18px;display:grid}.vocab-match-board>div{gap:10px;display:grid}.vocab-match-board button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:70px;padding:14px;font-size:14px;font-weight:900}.vocab-match-board button small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.vocab-match-board button.selected{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.vocab-match-board button:disabled{color:var(--ink);opacity:.72;background:#dff4d0}.vocab-match-complete{border:1px solid var(--line);background:#dff4d0;border-radius:14px;align-items:center;gap:16px;margin-top:18px;padding:20px;display:flex}.vocab-match-complete b{font-size:17px}.vocab-match-complete span{margin-right:auto;font-size:10px}.vocab-match-complete button{border:1px solid var(--line);background:var(--yellow);cursor:pointer;border-radius:9px;padding:11px 14px;font-weight:900}.vocab-inline-error{background:#ffe3dc;border:1px solid #e37c6b;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;font-size:10px;font-weight:800;display:flex}.vocab-inline-error button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-weight:900}.unit-story-hero{gap:5vw;padding:64px clamp(22px,7vw,104px) 72px}.unit-story-hero:after{opacity:.55;border:0}.unit-story-copy h1{letter-spacing:-2.2px;font-size:clamp(42px,5.5vw,70px);line-height:1.07}.unit-story-lede{color:var(--muted);font-size:16px}.story-facts>div,.mission-card,.scene-track article,.toolkit-phrases blockquote{border:1px solid var(--line);box-shadow:var(--small-shadow)}.mission-card{border-radius:20px;transform:none}.story-scenes{border-width:1px;padding-top:64px;padding-bottom:68px}.scene-track{gap:18px}.scene-track article{border-radius:17px;min-height:200px}.scene-track article>b,.toolkit-language i{border-width:1px}.unit-toolkit{padding-top:68px;padding-bottom:68px}.unit-start{box-shadow:0 18px 42px #1c242129}.pet-page,.pet-games-page{background:#f5f3ec}.pet-hero,.pet-games-hero{background:linear-gradient(135deg,#eaf4f8,#f6f1df);border-width:1px;padding:38px clamp(22px,7vw,100px)}.pet-hero h1,.pet-games-hero h1{letter-spacing:-2px}.pet-dashboard{gap:28px;max-width:1440px;margin:0 auto;padding-top:42px}.pet-room,.pet-shop,.pet-loading,.pet-picker,.pet-game-board,.pet-game-balance{border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:21px}.pet-room,.pet-shop{padding:28px}.pet-scene{border:1px solid var(--line);border-radius:18px}.pet-change-button,.pet-status>b,.pet-change-panel,.pet-change-panel button,.pet-energy>div,.pet-care-actions button,.pet-room form button,.pet-room form input{box-shadow:none;border-width:1px}.pet-shop>header{border-color:var(--line)}.pet-shop nav button,.pet-shop>div button{border:1px solid var(--line);border-radius:12px}.pet-shop nav button{min-height:42px;font-size:11px}.pet-shop nav button.selected,.pet-shop>div button.equipped{box-shadow:0 6px 16px #1c242117}.pet-shop>div button{background:#fbfaf6;min-height:92px}.pet-shop>div button:hover{box-shadow:var(--small-shadow);transform:translateY(-2px)}.pet-shop>a{border-radius:12px}.pet-game-tabs button,.pet-game-board button,.sentence-drop,.pet-game-board input{box-shadow:var(--small-shadow);border-width:1px}.pet-game-tabs button{border-radius:14px}.pet-game-board{padding:34px}.who-choices button:hover:not(:disabled){box-shadow:var(--small-shadow);transform:translateY(-2px)}.pet-closed-art{display:block!important}.pet-base-art.pet-generated-look{object-fit:cover;border-radius:38% 38% 28% 28%;-webkit-mask-image:radial-gradient(78% 88%,#000 72%,#0000 100%);mask-image:radial-gradient(78% 88%,#000 72%,#0000 100%)}.pet-character-art.cat .pet-wearable-art{width:176px;height:182px;top:132px;transform:translate(-50%)}.pet-character-art.cat .pet-wearable-art.hood-bunny{width:212px;height:295px;top:20px}.pet-character-art.cat .pet-wearable-art.hood-shark{width:218px;height:270px;top:27px}.pet-character-art.cat .pet-wearable-art.hat-mustard{width:148px;height:112px;top:24px;transform:translate(-49%)rotate(1deg)}.pet-character-art.cat .pet-wearable-art.hat-sailor{width:150px;height:112px;top:28px;transform:translate(-47%)rotate(4deg)}.pet-character-art.dog .pet-wearable-art{width:174px;height:178px;top:125px;transform:translate(-50%)}.pet-character-art.dog .pet-wearable-art.hood-bunny{width:218px;height:300px;top:14px}.pet-character-art.dog .pet-wearable-art.hood-shark{width:220px;height:276px;top:22px}.pet-character-art.dog .pet-wearable-art.hat-mustard{width:150px;height:112px;top:20px}.pet-character-art.dog .pet-wearable-art.hat-sailor{width:152px;height:112px;top:24px}.pet-shop>div button>small{color:#6f695f;text-align:left;grid-column:2;font-size:8px;font-weight:850}.pet-preview-composite{background:linear-gradient(145deg,#fff8dc,#eaf5ff);border-radius:16px;width:100%;height:350px;position:relative;overflow:hidden}.pet-preview-character{transform-origin:top!important;width:325px!important;height:420px!important;position:absolute!important;top:8px!important;bottom:auto!important;left:50%!important;transform:translate(-50%)scale(.8)!important}.pet-preview-generated{background:#f7eddb;place-items:center;display:grid}.pet-preview-generated img{object-fit:contain;width:100%;height:100%;display:block}.pet-preview-universal{text-align:center;color:#625d50;margin:8px 0 0;font-size:10px;font-weight:850}.pet-shop .pet-lookbook-link{color:var(--ink);background:#eef8e6;border:1px solid #cfcac0;border-radius:12px;justify-content:space-between;margin:12px 0;padding:13px 15px;font-size:10px;font-weight:900;text-decoration:none;display:flex}.pet-lookbook-page{min-height:100vh;color:var(--ink);background:#f5f3ec}.pet-lookbook-hero{background:linear-gradient(135deg,#e9f5ff,#fff8db 58%,#eef8e6);border-bottom:1px solid #d7d2c7;padding:68px clamp(22px,7vw,100px)}.pet-lookbook-hero>p{letter-spacing:3px;margin:0;font-size:11px;font-weight:1000}.pet-lookbook-hero h1{letter-spacing:-4px;margin:16px 0;font-size:clamp(48px,7vw,84px);line-height:.94}.pet-lookbook-hero h1 em{background:linear-gradient(transparent 68%,var(--yellow) 68%);font-style:normal}.pet-lookbook-hero>span{font-size:17px;font-weight:900}.pet-lookbook-hero>div{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.pet-lookbook-hero>div b{background:#ffffffd1;border:1px solid #cec9bd;border-radius:999px;padding:8px 10px;font-size:9px}.pet-lookbook-grid{gap:26px;max-width:1240px;margin:auto;padding:60px clamp(18px,5vw,70px);display:grid}.pet-lookbook-grid article{background:#fff;border:1px solid #d2cdc2;border-radius:22px;overflow:hidden;box-shadow:0 16px 38px #1e201c14}.pet-lookbook-grid article>header{border-bottom:1px solid #dedad1;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.pet-lookbook-grid article>header small{letter-spacing:2px;font-size:8px;font-weight:1000}.pet-lookbook-grid article>header h2{margin:3px 0 0;font-size:26px}.pet-lookbook-grid article>header>b{background:var(--yellow);border-radius:999px;padding:8px 11px;font-size:9px}.pet-lookbook-grid article>img{width:100%;height:auto;display:block}.pet-lookbook-footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:34px clamp(22px,7vw,100px);display:flex}.pet-lookbook-footer a{background:var(--yellow);color:var(--ink);border-radius:11px;padding:13px 17px;font-size:10px;font-weight:1000;text-decoration:none}.roleplay-flow-page .topnav button{font:inherit;cursor:pointer;background:0 0;border:0;font-weight:900}.roleplay-stepper{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf6f5;border-bottom:1px solid #d9d5cb;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px clamp(20px,6vw,90px);display:grid;position:sticky;top:0}.roleplay-stepper button{color:#817a6d;background:#fff;border:1px solid #d7d2c7;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:8px;font-size:9px;font-weight:900;display:flex}.roleplay-stepper button b{color:#625d50;background:#ece9e1;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.roleplay-stepper button:not(:disabled){cursor:pointer}.roleplay-stepper button.visited{color:var(--ink);background:#eef8e6;border-color:#b7cda7}.roleplay-stepper button.visited b{color:var(--ink);background:#b8e986}.roleplay-stepper button:not(.current):not(:disabled):hover{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:translateY(-1px)}.roleplay-stepper button:disabled{cursor:not-allowed;opacity:.48}.roleplay-stepper button.current{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.roleplay-stepper button.current b{background:var(--ink);color:#fff}.roadmap.roleplay-intro{padding-top:28px;padding-bottom:48px}.roleplay-landing{align-content:start;justify-items:start;max-width:920px;min-height:0;margin:auto;display:grid}.roleplay-landing>p{letter-spacing:2px;font-size:11px;font-weight:1000}.roleplay-landing>p span{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:999px;margin-left:8px;padding:6px 10px}.roleplay-landing h1{letter-spacing:-1.8px;max-width:760px;margin:15px 0;font-size:clamp(32px,4vw,48px);line-height:1.08}.roleplay-landing>strong{color:#625d50;font-size:18px}.roleplay-landing>div{flex-wrap:wrap;gap:8px;margin:26px 0;display:flex}.roleplay-landing>div span{background:#fff;border:1px solid #d0cbc0;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900}.roleplay-landing>button{border:2px solid var(--ink);background:var(--yellow);min-width:320px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;border-radius:14px;justify-content:space-between;padding:18px 22px;font-size:14px;font-weight:1000;display:flex}.roleplay-flow-page.step-speed .roadmap,.roleplay-flow-page.step-practice .roadmap,.roleplay-flow-page.step-summary .roadmap,.roleplay-flow-page.step-speed .homework,.roleplay-flow-page.step-speed .conversation,.roleplay-flow-page.step-practice .homework,.roleplay-flow-page.step-practice .conversation,.roleplay-flow-page.step-summary .practice-stage,.practice-stage.flow-speed .practice-card,.practice-stage.flow-speed .practice-unit-detail,.practice-stage.flow-practice .pace-control,.practice-stage.flow-practice .practice-unit-detail{display:none}.roleplay-flow-actions{grid-template-columns:auto 1fr;gap:12px;margin-top:18px;display:grid}.roleplay-flow-actions button,.roleplay-practice-back,.summary-new-unit{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:14px 18px;font-size:11px;font-weight:900}.roleplay-flow-actions .primary{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.roleplay-practice-back{justify-self:start;margin-bottom:4px}.roleplay-summary-heading{border-bottom:1px solid #d7d2c7;max-width:1080px;margin:0 auto 36px;padding:42px 0 28px}.roleplay-summary-heading p{letter-spacing:2px;margin:0;font-size:10px;font-weight:1000}.roleplay-summary-heading h1{letter-spacing:-2px;margin:12px 0 4px;font-size:clamp(38px,5vw,64px)}.roleplay-summary-heading span{color:#625d50;font-size:13px}.homework-panel .summary-new-unit{background:0 0;border:0;border-top:1px solid #d7d2c7;border-radius:0;justify-content:space-between;width:100%;display:flex}.roleplay-flow-page .roadmap,.roleplay-flow-page .practice-stage,.roleplay-flow-page.step-summary .homework{padding-top:24px}.roleplay-flow-page.step-summary .roleplay-summary-heading{padding-top:0}.roleplay-flow-page .practice-stage-heading h2{letter-spacing:-1.2px;font-size:clamp(24px,3vw,34px);line-height:1.08}.roleplay-flow-page .wave{border-radius:9px;gap:3px;height:26px}.roleplay-flow-page .wave i{width:3px}@media (max-width:900px){.reply-helper>div{grid-template-columns:1fr}.reply-option{min-height:auto}.quest-hint{grid-template-columns:1fr}.landing-path-grid{gap:15px}.landing-paths>header{flex-direction:row;align-items:end;gap:14px}.pet-dashboard{max-width:900px}}@media (max-width:620px){.topbar,.foundation-nav,.vocab-nav,.pet-nav,.unit-page-nav,.landing-nav{min-height:72px;padding:7px 16px}.brand,.landing-nav .brand{width:148px;height:54px}.landing-hero{min-height:0;padding:28px 20px 10px}.landing-hero h1{white-space:normal;letter-spacing:-1.2px;font-size:30px;line-height:1.12}.landing-hero-copy>span{font-size:14px}.landing-paths{padding:10px 20px 48px}.landing-paths>header{flex-direction:column;align-items:start;gap:7px;margin-bottom:16px}.landing-path-card{min-height:290px;padding:20px}.roadmap,.practice-stage,.foundation-levels,.practice-lab,.foundation-tracks,.story-scenes{padding-left:18px;padding-right:18px}.practice-card,.unit-detail,.pet-room,.pet-shop,.pet-game-board{padding:18px}.quest-current{grid-template-columns:34px minmax(0,1fr)}.quest-help-toggle{text-align:center;grid-column:1/-1;width:100%;min-width:0}.level-track{grid-template-columns:1fr 1fr}.level-track button{min-height:100px}.foundation-hero,.vocab-hero,.unit-story-hero,.pet-hero,.pet-games-hero{padding-left:18px;padding-right:18px}.foundation-hero h1{letter-spacing:-1.3px;font-size:34px}.roleplay-flow-page .roadmap,.roleplay-flow-page .practice-stage,.roleplay-flow-page.step-summary .homework{padding-top:18px}.roleplay-flow-page .practice-stage-heading h2{letter-spacing:-.7px;font-size:23px}.roleplay-flow-page .wave{height:24px}.foundation-levels{padding-top:22px}.vocab-hero h1,.unit-story-copy h1,.pet-games-hero h1{letter-spacing:-1.6px;font-size:40px}.vocab-hero{flex-direction:column;align-items:flex-start}.vocab-goal{width:100%}.vocab-library,.vocab-study-page,.vocab-memory-page,.vocab-match-page{padding:34px 18px 48px}.vocab-library>header,.vocab-study-page>header,.vocab-memory-page>header,.vocab-match-page>header{flex-direction:column;align-items:flex-start;gap:12px}.vocab-collection-grid,.vocab-library-grid,.vocab-memory-grid,.vocab-memory-actions,.vocab-match-board{grid-template-columns:1fr}.vocab-collection-grid article h2{font-size:42px}.vocab-section-header{align-items:flex-start!important}.vocab-library-grid>button{min-height:150px}.vocab-study-page .vocab-card{min-height:420px}.vocab-memory-grid article{grid-template-columns:auto 1fr}.vocab-memory-grid article button{grid-column:2}.vocab-match-complete{flex-direction:column;align-items:flex-start}.vocab-match-complete span{margin-right:0}.pet-character-art.cat .pet-wearable-art{width:160px;height:166px;top:119px}.pet-character-art.cat .pet-wearable-art.hood-bunny{width:194px;height:270px;top:18px}.pet-character-art.cat .pet-wearable-art.hood-shark{width:198px;height:248px;top:24px}.pet-character-art.cat .pet-wearable-art.hat-mustard{width:136px;height:102px;top:22px}.pet-character-art.cat .pet-wearable-art.hat-sailor{width:138px;height:102px;top:25px}.roleplay-stepper{grid-template-columns:repeat(6,42px);justify-content:start;padding:9px 14px;overflow-x:auto}.roleplay-stepper button{width:42px;padding:7px}.roleplay-stepper button span{display:none}.roadmap.roleplay-intro{padding-top:20px}.roleplay-landing{min-height:0}.roleplay-landing h1{letter-spacing:-1.2px;font-size:30px;line-height:1.12}.roleplay-landing>button{width:100%;min-width:0}.roleplay-flow-actions{grid-template-columns:1fr}.roleplay-summary-heading{padding-top:20px}.pet-lookbook-hero{padding:42px 18px}.pet-lookbook-hero h1{letter-spacing:-2px;font-size:46px}.pet-lookbook-grid{padding:30px 14px}.pet-lookbook-grid article>header{padding:16px}.pet-lookbook-footer{flex-direction:column;align-items:stretch;padding:24px 18px}.pet-lookbook-footer a{text-align:center}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
