:root{color:#233d33;font-synthesis:none;--green:#254f40;--muted:#6e796f;--border:#dde3d8;--sage:#e9f0db;--peach:#faf0df;background:#f7f8f2;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{touch-action:manipulation}button{border:1px solid var(--border);color:var(--green);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:600;display:inline-flex}button:hover,a.primary:hover{filter:brightness(.97)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #bc813a}h1,h2,h3,p{margin:0}h1{letter-spacing:-.5px;font-size:clamp(25px,3vw,34px);line-height:1.3}h2{font-size:23px;line-height:1.4}h3{font-size:18px}p{color:var(--muted);margin:8px 0 16px}small{color:var(--muted);font-size:12px;display:block}label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}input,select,textarea{color:#233d33;background:#fff;border:1px solid #d5ddd1;border-radius:10px;outline:none;width:100%;min-width:0;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#47785f;box-shadow:0 0 0 3px #47785f1a}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}form{gap:17px;display:grid}form>small{margin-top:-10px}.primary{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 23px;font-weight:650;display:inline-flex}.full{width:100%}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;min-height:35px;padding:0;font-size:14px;display:inline-flex}.eyebrow{letter-spacing:1.4px;color:#53725b;margin-bottom:12px;font-size:12px;font-weight:650}.brand{letter-spacing:1px;align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.brand small{letter-spacing:.4px;margin-top:2px;font-size:10px;font-weight:500}.brand-mark{background:var(--green);color:#fff;border-radius:14px 14px 14px 4px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fcfcf8;flex-direction:column;width:230px;padding:35px 23px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{font-size:21px}.sidebar nav{gap:9px;margin-top:49px;display:grid}.sidebar nav a{color:#768172;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;font-weight:600;display:flex}.sidebar nav a.active{color:var(--green);background:#e6eedb}.sidebar-help{align-items:center;gap:8px;margin-top:auto;padding:14px;font-size:13px;display:flex}.app-main{width:calc(100% - 230px);max-width:1450px;margin-left:230px;padding:40px 44px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.page-heading:not(:first-child){margin-top:32px}.page-heading .eyebrow{margin-bottom:8px}.page-heading h1{font-size:28px}.status-pill,.badge{color:#426249;white-space:nowrap;background:#eaf0e2;border-radius:30px;padding:7px 12px;font-size:12px;display:inline-block}.status-pill:before{content:"";background:#649169;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.learning-hero{background:linear-gradient(120deg,#e3edce,#eff4e4);border:1px solid #e0e9d4;border-radius:25px;justify-content:space-between;align-items:center;gap:20px;min-height:270px;padding:38px 40px;display:flex}.learning-hero h2{max-width:500px;font-size:clamp(26px,3vw,38px)}.learning-hero .primary{margin-top:7px}.hero-word{background:#fffef6;border:1px solid #e8e8d6;border-radius:17px;flex-direction:column;align-items:center;gap:10px;min-width:185px;margin:0 10px;padding:24px 26px;display:flex;transform:rotate(8deg);box-shadow:8px 12px #ccdba852}.hero-word strong{border-bottom:4px solid #e8b365;font-size:28px}.hero-word span{color:var(--muted);font-size:11px}.two-columns{grid-template-columns:1fr 1fr;gap:21px;display:grid}.action-card{border:1px solid #e5e8dc;border-radius:19px;align-items:center;gap:19px;padding:25px;display:flex}.action-card>svg:first-child{flex-shrink:0}.action-card>svg:last-child{flex-shrink:0;margin-left:auto}.action-card p{margin:4px 0 0;font-size:13px}.sage{background:var(--sage)}.peach{background:var(--peach)}.gentle-note{background:#fffdf6;border:1px solid #e5e7db;border-radius:18px;align-items:center;gap:18px;margin-top:25px;padding:27px;display:flex}.gentle-note p{margin-bottom:0;font-size:13px}.gentle-note .text-button{white-space:nowrap;margin-left:auto}.section-links{flex-wrap:wrap;justify-content:space-between;gap:16px;margin:24px 0;font-size:13px;display:flex}.section-links a{align-items:center;gap:7px;display:inline-flex}.app-footer{text-align:center;color:#8c9587;letter-spacing:1px;margin-top:50px;padding:23px;font-size:11px}.search-field{border:1px solid var(--border);background:#fff;border-radius:13px;flex-direction:row;align-items:center;gap:10px;margin-bottom:22px;padding:0 14px;display:flex}.search-field input{box-shadow:none;border:none;padding-left:0}.panel{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:22px;padding:25px}.panel h2{align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel h3{margin-top:20px;margin-bottom:12px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.course-card{text-align:left;background:#fff;border-radius:16px;justify-content:flex-start;align-items:center;gap:18px;padding:17px;display:flex}.course-card.selected{background:#f4f8ed;border:2px solid #527558}.course-card h3{font-size:16px}.course-card p{margin:8px 0;font-size:12px}.book-cover{border-left:5px solid #0000000e;border-radius:5px 13px 13px 5px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:90px;height:125px;display:flex}.book-cover strong{font-size:16px}.book-cover small{font-size:10px}.tone-0{color:#497347;background:#e1edcf}.tone-1{color:#9e743e;background:#f3e8d4}.tone-2{color:#477c80;background:#dfeced}.selection-panel{margin-top:25px}.selection-panel label{max-width:220px;margin-top:20px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border-radius:30px;padding:9px 16px;font-weight:500}.chip small{font-size:11px;display:inline}.chip.active{background:#e7efd9;border-color:#618258}.selection-strip{background:#eaf0e2;border-radius:13px;align-items:center;gap:12px;margin-bottom:20px;padding:15px 18px;font-size:14px;display:flex}.selection-strip>span:last-child{white-space:nowrap;align-items:center;margin-left:auto;font-size:12px;display:flex}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-card{border:1px solid var(--border);background:#fff;border-radius:19px;overflow:hidden}.game-cover{flex-direction:column;justify-content:center;align-items:center;gap:17px;height:165px;display:flex}.game-cover span{letter-spacing:2px;font-size:8px}.game-card-body{padding:19px}.game-card h2{font-size:19px}.game-card p{font-size:12px}.pagination{justify-content:center;align-items:center;gap:17px;margin:25px 0;font-size:13px;display:flex}.empty,.loading{color:var(--muted);justify-content:center;align-items:center;gap:13px;padding:45px 20px;display:flex}.empty{text-align:center;border:1px dashed var(--border);background:#ffffff65;border-radius:16px;flex-direction:column}.empty p{max-width:440px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{background:#f1f4e9;border-radius:12px;align-items:flex-start;gap:12px;margin:16px 0;padding:15px 17px;font-size:13px;line-height:1.7;display:flex}.notice>svg{flex-shrink:0;margin-top:1px}.notice a{text-decoration:underline}.notice.error{color:#984a36;background:#fff1e9}.notice.error strong{font-weight:500}.notice.error small{color:#976e5c;word-break:break-all;font-size:11px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.auth-layout{background:#fcfcf8;grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.auth-story{background:#e8efdb;flex-direction:column;justify-content:space-between;padding:45px 9%;display:flex}.auth-story h1{font-size:clamp(30px,3vw,46px)}.auth-story>p{margin:0;font-size:12px}.auth-story>div:nth-child(2){margin:35px 0}.word-paper{background:#fffef6;border-radius:18px;width:230px;margin:40px 0;padding:22px 25px;position:relative;transform:rotate(-5deg);box-shadow:8px 10px #cfdbb866}.word-paper>span:first-child{font-size:42px;font-weight:700}.word-accent{color:#e7ab66;font-size:50px;position:absolute;top:0;right:15px}.auth-card{width:min(440px,100%);margin:auto;padding:45px 25px}.auth-card h2{font-size:30px}.auth-card>p{margin:12px 0 26px;font-size:14px}.password-input{background:#fff;border:1px solid #d5ddd1;border-radius:10px;display:flex}.password-input input{background:0 0;border:0}.password-input button{background:0 0;border:0;padding:10px}.form-links{text-align:right;margin-top:-4px;font-size:12px}.center{text-align:center}.legal-links{color:var(--muted);justify-content:center;gap:20px;margin-top:28px;font-size:12px;display:flex}.standalone{max-width:560px;margin:0 auto;padding:35px 24px 60px}.standalone .brand{margin-bottom:42px}.standalone h1{margin:24px 0}.standalone form{margin-bottom:25px}.standalone.wide{max-width:800px}.standalone h2{margin:30px 0 12px;font-size:21px}.check-line{flex-direction:row;align-items:center;font-size:12px;font-weight:400}.check-line a{text-decoration:underline}.profile-card{align-items:center;gap:16px;margin-bottom:28px;display:flex}.profile-card p{margin:5px 0 0;font-size:13px}.profile-card .status-pill{margin-left:auto}.avatar{background:#e1ebcf;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.list-row{border-bottom:1px solid #eef0e9;align-items:center;gap:15px;padding:14px 0;font-size:14px;display:flex}.list-row>div{flex:1}.list-row p{margin:5px 0 0;font-size:12px}.list-row small{font-size:11px}.list-row:last-child{border-bottom:0}.compact{background:#edf3e4;gap:12px;padding:18px;font-size:14px}.stats{gap:45px;display:flex}.stats strong{font-size:33px;line-height:1.4;display:block}.stats span{color:var(--muted);font-size:12px}.pet-home{background:#e7efdc;border-radius:24px;align-items:center;gap:35px;margin-bottom:20px;padding:35px;display:flex}.pet-emblem{color:#648459;align-items:center;gap:8px;padding:20px;display:flex}.pet-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px;display:grid}.pet-actions button{flex-direction:column;gap:10px;padding:19px 10px;font-size:13px}.faq{border-bottom:1px solid var(--border);padding:19px 0}.faq summary{cursor:pointer;padding:7px 0;font-weight:650}.faq p{margin-top:15px;font-size:14px}.faq:last-of-type{margin-bottom:30px}.player-shell{z-index:50;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#f5f7ef;flex-direction:column;display:flex;position:fixed;inset:0}.player-toolbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:8px 16px;display:flex}.player-toolbar>a,.player-toolbar>div{align-items:center;gap:8px;display:flex}.player-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-toolbar button{border:0;padding:10px}.game-frame{border:0;flex:1;width:100%;min-height:0}.pause-overlay{background:#f7f8f2ed;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:absolute;inset:60px 0 0}.receipt-toast{background:var(--green);color:#fff;white-space:nowrap;border-radius:15px;padding:13px 22px;font-size:13px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1450px){.app-main{max-width:1150px;margin-left:max(230px,50vw - 395px)}}@media (width<=1100px){.sidebar{width:190px;padding:28px 18px}.sidebar .brand small{display:none}.sidebar .brand{font-size:19px}.app-main{width:calc(100% - 190px);margin-left:190px;padding:30px 25px 0}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-word{min-width:150px;padding:20px 15px}.hero-word strong{font-size:24px}.learning-hero{padding:30px 27px}.course-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{top:auto;width:100%;height:73px;padding:0 10px env(safe-area-inset-bottom);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:calc(73px + env(safe-area-inset-bottom));background:#fcfcf8f5;border-top:1px solid #dde3d8;border-right:0;inset:auto 0 0}.sidebar>.brand,.sidebar-help{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:4px;margin:0;display:grid}.sidebar nav a{border-radius:0;flex-direction:column;gap:4px;padding:11px 5px 9px;font-size:11px;display:flex;position:relative}.sidebar nav a.active{background:0 0}.sidebar nav a.active:after{content:"";background:#446e52;border-radius:3px;width:25px;height:3px;position:absolute;bottom:3px}.app-main{width:100%;padding:26px 19px calc(84px + env(safe-area-inset-bottom));margin-left:0}.page-heading{gap:8px;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading .eyebrow{letter-spacing:.5px;font-size:11px}.status-pill{padding:6px 9px;font-size:10px}.learning-hero{min-height:236px;padding:25px 23px;display:block;position:relative;overflow:hidden}.learning-hero h2{z-index:1;max-width:290px;font-size:28px;position:relative}.learning-hero p{z-index:1;max-width:220px;font-size:12px;position:relative}.learning-hero .primary{z-index:1;margin-top:10px;padding:12px 19px;font-size:14px;position:relative}.hero-word{opacity:.45;width:125px;min-width:125px;padding:17px 13px;position:absolute;bottom:-15px;right:-8px;transform:rotate(13deg)}.hero-word svg{width:27px}.hero-word strong{font-size:19px}.hero-word span{font-size:8px}.two-columns{gap:12px}.action-card{min-height:148px;padding:20px 16px;display:block;position:relative}.action-card>svg:first-child{width:26px;height:26px;margin-bottom:10px}.action-card>svg:last-child{width:17px;position:absolute;bottom:24px;right:12px}.action-card h3{font-size:16px}.action-card p{font-size:11px}.gentle-note{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:20px 18px}.gentle-note>svg{flex-shrink:0;width:22px}.gentle-note h3{font-size:15px}.gentle-note p{font-size:11px}.gentle-note .text-button{min-height:20px;margin-left:34px;font-size:12px}.app-footer{margin-top:20px;padding:14px}.section-links{font-size:12px}.course-card{gap:15px;padding:14px}.book-cover{width:76px;height:105px}.course-card h3{font-size:15px}.games-grid{gap:13px}.game-cover{height:125px}.game-cover svg{width:40px}.game-cover span{letter-spacing:1px;font-size:6px}.game-card-body{padding:14px 12px}.game-card h2{font-size:16px}.game-card p{min-height:30px;font-size:10px}.game-card .primary{gap:5px;min-height:41px;padding:9px;font-size:12px}.panel{padding:22px 19px}.panel h2{font-size:20px}.profile-card+.two-columns{grid-template-columns:1fr}.auth-layout{display:block}.auth-story{padding:28px 25px 24px}.auth-story>div:nth-child(2){margin:24px 0 0}.auth-story h1{font-size:27px}.auth-story>p,.word-paper{display:none}.auth-story>div:nth-child(2)>p:last-child{margin-bottom:0;font-size:12px}.auth-card{padding:30px 25px 35px}.auth-card h2{font-size:26px}.auth-card>.eyebrow{display:none}.pet-home{text-align:center;flex-direction:column;gap:15px;padding:24px}.pet-emblem{padding:5px}.pet-actions{gap:8px}.pet-actions button{font-size:11px}.player-toolbar{gap:5px;padding:7px 8px}.player-toolbar>a span{display:none}.player-toolbar strong{max-width:150px}.player-toolbar>div{gap:0}.selection-strip{font-size:12px}.selection-strip>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.offer-price{color:var(--green,#32624d);margin:14px 0;font-size:36px;font-weight:700}.offer-price small{font-size:14px;font-weight:400}.offer-card .full{margin-top:10px}.order-row{border-bottom:1px solid #e3e8e2;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px 0;display:flex}.order-row small{overflow-wrap:anywhere;display:block}.checkout-confirm button{margin:8px}.panel h2 svg{vertical-align:middle}.membership-offers{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.membership-offers .panel{width:100%}.pet-picture{flex:0 0 240px;width:240px;height:240px;display:block}.pet-picture img{object-fit:contain;width:100%;height:100%}.pet-home progress{width:min(260px,100%);height:8px;accent-color:var(--green);margin:16px 0 8px;display:block}.pet-home small{display:block}.pet-badges,.button-row{flex-wrap:wrap;gap:8px;display:flex}.pet-tabs{gap:7px;margin:22px 0;display:flex;overflow-x:auto}.pet-tabs button{white-space:nowrap;background:0 0;border-color:#0000;flex:1}.pet-tabs button[aria-selected=true]{background:var(--green);color:#fff}.pet-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:15px;margin:20px 0;display:grid}.pet-card{border:1px solid var(--border);background:#fcfdf9;border-radius:17px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.pet-card h3,.pet-card p{margin:0}.pet-card p,.pet-card small{font-size:13px}.pet-card>img{object-fit:contain;align-self:center}.pet-card .postcard{border-radius:10px;width:100%;height:auto}.pet-card button{margin-top:auto;font-size:13px}.pet-story{border-top:1px solid var(--border);padding:18px 0}.pet-story summary{cursor:pointer;font-weight:650;line-height:2}.pet-story summary .badge{margin-left:8px}.pet-story>button{margin-top:12px}.travel-event{padding:15px 0}.uncollected{color:#6b756b;background:#f5f6f0}.pet-tabs+.notice{margin-bottom:20px}.shop-item .button-row{margin-top:auto}@media (width<=700px){.pet-home{gap:0}.pet-picture{flex-basis:200px;width:200px;height:200px}.pet-home>div{width:100%}.pet-home progress{margin:14px auto 8px}.pet-badges{justify-content:center}.pet-tabs{gap:2px}.pet-tabs button{flex-direction:column;padding:12px 8px;font-size:12px}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pet-card{padding:14px 12px}.pet-card h3{font-size:15px}.pet-card p,.pet-card small{font-size:11px}.pet-card>img{max-width:100%;height:auto}.pet-card button{padding:9px 10px;font-size:12px}.shop-item .button-row{flex-direction:column;width:100%}}.player-reminder{border:1px solid var(--border);z-index:3;background:#fffbed;border-radius:15px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;top:74px;left:20px;right:20px}.pause-overlay{text-align:center;padding:25px}.pause-overlay p,.pause-overlay .notice{max-width:520px}.player-recording-notice{z-index:2;background:#fff5dc;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex;position:absolute;bottom:20px;left:12px;right:12px}.pause-overlay{background:#f7f8f2}.offline-library{max-width:900px}.offline-library .panel{margin:18px 0}.offline-library .panel button{margin:12px}.offline-library .primary{margin-right:12px}.guest-page{max-width:960px;margin:auto;padding:24px}.guest-page header{justify-content:space-between;align-items:center;display:flex}.guest-intro{text-align:center;margin:48px auto 24px}.guest-intro h1{margin:8px;font-size:38px}.guest-card{border:1px solid var(--line);background:#fff;border-radius:26px;max-width:640px;margin:auto;padding:32px;box-shadow:0 16px 50px #3045380a}.guest-progress{justify-content:space-between;align-items:center;display:flex}.guest-progress select{width:140px}.guest-card progress{accent-color:#537659;width:100%;height:5px}.guest-word{justify-content:center;align-items:center;gap:20px;padding:25px 0;display:flex}.guest-word h2{margin:15px 0;font-size:52px}.guest-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guest-options button{background:#f5f6ef;border:1px solid #dde1d5;border-radius:15px;min-height:62px;font-size:19px}.guest-options button.correct{color:#344d30;opacity:1;background:#e2efd8;border:2px solid #6b8d51}.guest-options button.incorrect{color:#7d3c27;opacity:1;background:#fae5dc;border-color:#b96343}.guest-feedback{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.guest-page footer{text-align:center;color:var(--muted);margin:30px 0;font-size:13px}@media (width<=550px){.guest-page{padding:20px 16px}.guest-intro{margin-top:32px}.guest-intro h1{font-size:30px}.guest-card{padding:22px 18px}.guest-word h2{font-size:40px}.guest-feedback{display:block}}.native-app body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.native-app .player-shell{top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.native-app .guest-page{padding-bottom:calc(24px + env(safe-area-inset-bottom))}