/* TypingAcademy v1.0.24.63: only Kindergarten adventures. */
.ta303-wrap,.ta303-detail{--navy:#102d65;--blue:#1266f0;font-family:inherit;color:var(--navy)}
.ta303-wrap{background:linear-gradient(180deg,#c8f3ff,#e9faff 32%,#e9f9eb);padding:0 max(18px,calc((100vw - 1330px)/2)) 48px}
.ta303-hero{background:linear-gradient(100deg,#7bd9ff,#e1f9ff 52%,#b1edab);min-height:215px;border-radius:0 0 34px 34px;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,60px);position:relative;overflow:hidden}
.ta303-hero:after{content:'☁️ ⭐ ☁️';position:absolute;right:15%;top:8px;font-size:24px;opacity:.8}.ta303-hero h1{font-size:clamp(30px,4vw,53px);margin:4px 0;color:#0d3269;font-weight:900}.ta303-hero h1 em{font-style:normal;color:#f05aa0;text-shadow:1px 2px #fff}.ta303-hero p{font-size:17px;font-weight:650}.ta303-kicker{background:#fff8ce;padding:7px 16px;border-radius:100px;font-weight:800}.ta303-chips{display:flex;gap:9px;flex-wrap:wrap}.ta303-chips span{background:#fff;border:1px solid #b0e0ff;border-radius:40px;padding:7px 12px;font-weight:700;font-size:13px}.ta303-hero-pets{font-size:clamp(40px,5vw,75px);white-space:nowrap;filter:drop-shadow(2px 7px 4px #55a9c277)}
.ta303-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin-top:20px}.ta303-courses{min-width:0}.ta303-stage{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px 18px;margin:20px 0 12px;box-shadow:0 5px 16px #77aad322}.ta303-stage>span{font-size:35px}.ta303-stage strong{display:block;font-size:18px}.ta303-stage small{color:#607da8}.ta303-course{padding:15px 18px;margin:0 0 13px;border-radius:25px;border:1px solid #d8ecff;box-shadow:0 4px 10px #437caf14}.ta303-tint-1{background:#e1f5ff}.ta303-tint-2{background:#fff3d7}.ta303-tint-3{background:#ffebf3}.ta303-tint-4{background:#e5f9e7}.ta303-tint-5{background:#f0e8ff}.ta303-tint-6{background:#e8f4ff}.ta303-course-top{display:flex;align-items:center;gap:16px}.ta303-number{display:grid;place-items:center;width:50px;height:53px;flex:none;border-radius:15px;background:#fff8;font-size:22px;font-weight:900;color:#1462b5}.ta303-art{font-size:39px;width:64px;text-align:center;flex:none}.ta303-course-info{flex:1;min-width:0}.ta303-course h2,.ta303-detail-row h2{font-size:19px;font-weight:850;line-height:1.2;margin:0 0 4px;color:#0b2a66}.ta303-course-info p{margin:0 0 4px;font-size:13px;color:#536d92}.ta303-course-info small{color:#466b9e;font-weight:600}.ta303-kind{border-radius:25px;padding:7px 11px;font-size:12px;font-weight:850}.ta303-free{color:#126642;background:#d8fae8}.ta303-premium{color:#7d4c00;background:#fff1bc}.ta303-progress{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:12px;margin:9px 0}.ta303-track{height:11px;background:#cfdde6;border-radius:20px;overflow:hidden;min-width:85px;width:150px}.ta303-track span{display:block;height:100%;background:linear-gradient(90deg,#94ed70,#1eba4d);border-radius:20px}.ta303-mini-lessons{display:grid;gap:5px}.ta303-mini{background:#ffffffa8;border-radius:11px;padding:7px 10px;display:flex;align-items:center;gap:9px;min-height:39px}.ta303-mini-n{font-weight:900;color:#2477bc}.ta303-mini-label{flex:1;font-size:13px;font-weight:650}.ta303-mini-play,.ta303-open,.ta303-coin{display:inline-block;text-decoration:none;border:0;cursor:pointer;border-radius:30px;padding:9px 14px;color:#fff!important;background:linear-gradient(#3697ff,#1066ea);font-weight:800;font-size:12px;text-align:center;white-space:nowrap}.ta303-coin{background:linear-gradient(#ffbe42,#ec8511);color:#173568!important}.ta303-mini-lock{font-size:12px;font-weight:750;color:#5d6580}.ta303-course-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px}.ta303-sidebar{align-self:start;position:sticky;top:20px;display:grid;gap:16px}.ta303-tip,.ta303-awards{border-radius:25px;padding:24px;background:#fff7e6;border:1px solid #ffd57d}.ta303-tip h2,.ta303-awards h2{font-size:21px;margin:0 0 18px}.ta303-tip p{font-size:15px;line-height:1.5}.ta303-tip-art{font-size:47px;text-align:center}.ta303-tip button{border:1px solid #ffd079;border-radius:25px;padding:9px 12px;background:#fff;cursor:pointer;font-weight:700}.ta303-awards{background:#f0e8ff;border-color:#d7c2ff}.ta303-trophy{float:left;font-size:65px;margin:3px 12px 20px 0}.ta303-awards .ta303-track{width:100%}.ta303-stars{font-size:25px;text-align:center}.ta303-explore{border:2px solid #64a2ff;padding:14px;border-radius:35px;text-align:center;background:#fff;text-decoration:none;font-weight:800;color:#163b80}.ta303-message{background:#fffadf;border-radius:12px;padding:12px;margin:9px 0}
.ta303-detail{max-width:1120px;margin:20px auto;padding:15px}.ta303-crumb{margin:10px 0 20px}.ta303-detail-hero{background:linear-gradient(120deg,#9de5ff,#e2f8f5);border-radius:28px;padding:35px}.ta303-detail-hero h1{font-size:clamp(28px,4vw,44px);margin:10px 0}.ta303-detail-hero .ta303-track{width:100%;margin-top:10px}.ta303-access{background:#fff8dd;border-radius:18px;padding:22px;margin:15px 0}.ta303-access a,.ta303-access button{display:inline-block;background:#176ff0;color:#fff;border:0;border-radius:20px;padding:12px 15px;margin:6px;cursor:pointer;text-decoration:none}.ta303-detail-list{display:grid;gap:12px;margin-top:17px}.ta303-detail-row{display:flex;align-items:center;gap:15px;padding:17px;border-radius:20px}.ta303-detail-info{flex:1}.ta303-detail-info p{margin:5px 0 0;color:#537499}.ta303-done-banner{border-radius:18px;padding:20px;margin-top:22px;background:#dcffda;font-weight:800}
@media(max-width:930px){.ta303-columns{grid-template-columns:1fr}.ta303-sidebar{position:static;grid-template-columns:1fr 1fr}.ta303-hero-pets{font-size:42px}}
@media(max-width:600px){.ta303-sidebar{grid-template-columns:1fr}.ta303-hero{min-height:180px}.ta303-hero-pets{display:none}.ta303-course-top{gap:8px}.ta303-art{font-size:26px;width:36px}.ta303-number{width:34px;height:40px;font-size:16px}.ta303-kind{font-size:10px}.ta303-course-actions{justify-content:stretch}.ta303-mini{flex-wrap:wrap}.ta303-mini-play{white-space:normal}.ta303-mini-label{min-width:45%}.ta303-detail-row{flex-wrap:wrap}}
