:root{--background:#f5fbfd;--surface:#fff;--text:#071735;--muted:#43536b;--teal:#0f5f7a;--teal-soft:#e7f5f8;--gold:#ffd24a;--green:#087a4a;--border:#d7e2e5;--shadow:0 18px 42px #07173521}*{box-sizing:border-box}html{background:#071735}body{color:var(--text);background:linear-gradient(#f8fffd 0%,#eef8fb 58%,#f7f9ff 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{touch-action:manipulation}.app-shell{width:min(1180px,100%);margin:0 auto;padding:14px clamp(16px,4vw,36px) 36px}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand h1,.brand p{margin:0}.brand h1{font-size:clamp(30px,4.6vw,48px);line-height:1}.brand p{color:var(--muted);max-width:34rem;margin-top:4px;font-size:clamp(15px,2.4vw,19px);font-weight:800}.brand-tile{background:var(--teal);border:3px solid var(--gold);color:#fff;letter-spacing:0;border-radius:18px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #0f5f7a38}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-button,.language-select,.secondary-button{background:#ffffffeb;border:3px solid #0f5f7a2e;border-radius:18px;align-items:center;min-height:54px;padding:12px 16px;font-weight:900;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 8px 18px #07173514}.language-select{gap:8px;padding:8px 10px 8px 14px}.language-select span{color:var(--muted);font-size:13px}.language-select select{border:2px solid var(--border);color:var(--text);background:#fff;border-radius:12px;min-width:118px;min-height:34px;padding:4px 8px;font-weight:900}.nav-button:hover,.nav-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{border-color:#0f5f7a8c;transform:translateY(-1px);box-shadow:0 10px 24px #0717351f}.practice-panel,.child-gate-panel{box-shadow:var(--shadow);background:#ffffffe6;border:2px solid #d7e2e5f2;border-radius:28px;max-width:980px;margin:0 auto;padding:clamp(14px,2.4vw,24px)}.taal-home{gap:18px;max-width:980px;margin:0 auto;display:grid}.taal-home-hero,.subject-home-heading{box-shadow:var(--shadow);background:#ffffffe6;border:2px solid #d7e2e5f2;border-radius:28px;align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:flex}.subject-home-heading{justify-content:space-between;align-items:flex-start}.taal-home h2,.subject-home-heading h2{margin:0;font-size:clamp(34px,6vw,64px);line-height:.95}.taal-home p,.subject-home-heading p{color:var(--muted);margin:8px 0 0;font-size:clamp(17px,2.4vw,21px);font-weight:900;line-height:1.25}.subject-choice-grid,.practice-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.practice-choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.subject-choice-card,.practice-choice-card{background:#fff;border:3px solid #0f5f7a33;border-radius:22px;gap:10px;min-height:210px;padding:clamp(18px,3vw,26px);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 12px 28px #07173514}.practice-choice-card{min-height:190px}.subject-choice-card:hover,.subject-choice-card:focus-visible,.practice-choice-card:hover,.practice-choice-card:focus-visible{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 16px 34px #07173524}.subject-choice-card span,.practice-choice-card span{color:var(--teal);font-size:14px;font-weight:900}.subject-choice-card strong,.practice-choice-card strong{color:var(--text);font-size:clamp(28px,4vw,42px);line-height:1}.practice-choice-card strong{font-size:clamp(24px,3vw,34px)}.subject-choice-card p,.practice-choice-card p{margin:0;font-size:17px}.subject-choice-card em,.practice-choice-card em{background:var(--green);color:#fff;border-radius:14px;justify-content:center;align-self:end;width:fit-content;min-height:44px;padding:12px 14px;font-style:normal;font-weight:900;display:inline-flex}.workspace-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.progress-pill{background:var(--gold);border:3px solid #071735;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:8px 16px;font-size:clamp(18px,3vw,24px);font-weight:900;display:inline-flex}.stars{color:#a46c00;font-size:clamp(18px,3vw,24px);font-weight:900}.workspace-card{justify-items:center;gap:10px;width:100%;display:grid}.source-pill{color:#fff;background:#071735;border-radius:999px;padding:8px 14px;font-size:16px;font-weight:900}.language-board{border:4px solid var(--teal);text-align:center;background:linear-gradient(#fffffffa,#e7f5f8d1),#fff;border-radius:24px;place-items:center;gap:8px;width:min(560px,100%);max-width:560px;min-height:clamp(150px,21vw,216px);padding:clamp(14px,3vw,22px);display:grid}.language-board strong{color:#071735;overflow-wrap:anywhere;font-size:clamp(38px,6.8vw,68px);line-height:1}.language-board span{color:var(--muted);font-weight:900}.language-route{background:var(--teal-soft);color:var(--teal);border:2px solid #0f5f7a47;border-radius:999px;padding:8px 14px}.letter-row{justify-content:center;gap:8px;display:flex}.letter-row span{color:#071735;background:#fff1cc;border:2px solid #b97800;border-radius:12px;justify-content:center;align-items:center;min-width:42px;min-height:38px;padding:6px 10px;display:inline-flex}.prompt{text-align:center;max-width:850px;margin:4px 0 2px;font-size:clamp(28px,4.4vw,46px);font-weight:900;line-height:1.05}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;width:min(900px,100%);display:grid}.choice-button{color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:#fff;border:4px solid #034ea2;border-radius:22px;min-height:76px;padding:12px;font-size:clamp(22px,3.3vw,36px);font-weight:900;line-height:1.05;transition:background-color .14s,border-color .14s,transform .14s}.choice-button:hover,.choice-button:focus-visible{border-color:var(--teal);background:#f0f7ff;transform:translateY(-2px)}.choice-button:disabled{cursor:not-allowed;opacity:.72;transform:none}.action-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:18px;justify-content:center;width:min(420px,100%);min-height:60px;padding:14px 18px;font-size:clamp(22px,4vw,34px);font-weight:900}.typed-practice-form{justify-items:center;gap:12px;width:min(720px,100%);display:grid}.typed-practice-form label{color:var(--muted);gap:8px;width:100%;font-weight:900;display:grid}.typed-practice-form input{color:var(--text);text-align:center;background:#fff;border:4px solid #034ea2;border-radius:22px;width:100%;min-height:84px;padding:14px 18px;font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.1}.typed-practice-form input:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 4px #0f5f7a29}.typed-submit{width:min(260px,100%)}.typed-submit:disabled{cursor:not-allowed;opacity:.55}.feedback-scrim{z-index:20;background:#0717355c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.feedback-dialog{text-align:center;border:4px solid #071735;border-radius:28px;justify-items:center;gap:16px;width:min(560px,100vw - 32px);max-width:min(560px,100%);padding:clamp(24px,6vw,42px);display:grid;box-shadow:0 28px 70px #07173557}.feedback-dialog.good{color:#176247;background:#dff6eb}.feedback-dialog.help{color:#7a4c00;background:#fff1cc}.feedback-dialog p{margin:0;font-size:clamp(30px,7vw,58px);font-weight:900;line-height:1.05}.feedback-action{margin-top:0}.retry-note,.badge-line{color:#071735;background:#ffffffb3;border-radius:999px;padding:10px 18px;font-size:clamp(18px,4vw,26px);font-weight:900}.reward-panel,.child-gate-panel{text-align:center;justify-items:center;gap:14px;display:grid}.child-gate-panel{margin-top:clamp(24px,8vw,90px)}.child-gate-panel h1,.child-gate-panel p{margin:0}.child-gate-panel h1{font-size:clamp(42px,8vw,78px);line-height:.95}.child-gate-panel p:not(.tiny-label){color:var(--muted);font-size:clamp(18px,3vw,24px);font-weight:900;line-height:1.3}.tiny-label{color:var(--muted);font-size:14px;font-weight:900}@media (max-width:720px){.top-bar{flex-direction:column;align-items:flex-start}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:flex-start;width:100%;display:grid}.nav-button,.language-select{justify-content:center;width:100%;min-height:48px;padding:10px 12px}.language-select select{width:100%;min-width:0}.practice-panel{border-radius:20px}.taal-home-hero,.subject-home-heading{border-radius:20px;flex-direction:column;align-items:stretch}.subject-choice-grid,.practice-choice-grid{grid-template-columns:1fr}.language-board{min-height:132px}.workspace-header{flex-direction:column;align-items:stretch;gap:8px}.workspace-header>*{text-align:center;justify-content:center;width:100%}.choice-grid{grid-template-columns:1fr}}