.alphabet-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:5px 25px 30px}.alphabet-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.12;margin:8px 0 15px;letter-spacing:-1.6px}.alphabet-hero h1 em{font-style:normal;color:#9670c5}.alphabet-hero p{color:#766a91;font-size:17px}.alphabet-hero>img{width:220px;height:220px;object-fit:contain}.alphabet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}.alphabet-card{border:4px solid #fff;border-radius:28px;background:var(--card,#eadfff);box-shadow:0 7px 0 #c7dce989;display:flex;flex-direction:column;align-items:center;min-height:250px;padding:12px 8px 16px;transition:transform .15s}.alphabet-card:hover{transform:translateY(-5px)}.alphabet-forms{display:flex;gap:12px;align-items:baseline;justify-content:center;font-size:48px;font-weight:bold;line-height:1.2;color:#55417c;letter-spacing:0}.letter-lower{color:#9a6ab8;font-family:Georgia,serif;font-weight:normal}.alphabet-card>img{width:125px;height:125px;object-fit:contain;margin:5px 0}.letter-art{height:125px;display:flex;align-items:center;justify-content:center;color:#9875c7;font-size:40px}.anchor-word{font-size:16px;color:#63517d}.six-dots{display:flex;gap:6px;margin-top:12px}.six-dots i{width:10px;height:10px;border:1px solid #bcaacb;background:white;border-radius:50%}.six-dots i.done{background:#63ba91;border-color:#63ba91}.book-path{padding:35px 0;text-align:center}.book-path p{font-size:14px;color:#80728f;margin-top:18px}.session-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.session-title{text-align:center}.session-title>span{font-size:14px;color:#7d7293}.session-art{width:100px;height:100px;object-fit:contain;font-size:25px}.session-overview{background:#ffffffad;border:4px solid white;border-radius:34px;padding:30px}.session-intro{text-align:center}.session-intro h1{font-size:32px;margin:0 0 12px;color:#7753a4}.session-intro p{font-weight:bold;color:#79658f}.session-note{font-size:14px;color:#7c7487}.activity-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.activity-door{border:3px solid #e8dcf7;border-bottom:7px solid #d4bde9;border-radius:25px;background:#faf4ff;padding:22px 10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}.activity-door:nth-child(3n+2){background:#fff7d4;border-color:#f7e5a9}.activity-door:nth-child(3n){background:#eaf9ef;border-color:#c9e9d6}.door-icon{font-size:44px}.activity-door strong{font-size:19px;color:#6e5388}.activity-door small{color:#897894;font-size:13px}.activity-door.done{box-shadow:inset 0 0 0 3px #69bc91}.source-pages{font-size:14px;color:#746285;line-height:1.6}.source-pages summary{cursor:pointer;padding:12px}.source-pages>div{display:flex;gap:10px;flex-wrap:wrap}.source-pages a{background:white;padding:14px;border-radius:15px;border:1px solid #dfd4ed}.session-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:25px}.session-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;background:#ffffff8c;border:3px solid white;border-radius:21px;gap:5px;min-height:78px}.session-nav a>span{font-size:28px}.session-nav small{font-size:12px;color:#7a628d}.session-nav a.active{background:#e8d5ff;border-color:#b490d8}.session-nav a.done:after{content:'✓';font-size:11px;color:#388766}.letter-activity{text-align:center;max-width:900px}.letter-activity h2{color:#806299;margin:0 0 14px;font-size:26px}.activity-step{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.activity-step i{height:9px;width:28px;border-radius:8px;background:#e7dfef}.activity-step i.current{background:#b18bd3}.activity-step i.done{background:#91cdae}.jumbo-forms{display:flex;align-items:baseline;justify-content:center;gap:30px;font-size:150px;font-weight:bold;line-height:1.5}.reading-word,.writing-model{font-size:clamp(42px,7vw,72px);font-weight:bold;letter-spacing:3px;color:#8160ae;margin:18px 0;overflow-wrap:anywhere}.session-word-picture{width:170px;height:170px;object-fit:contain;margin:auto}.sound-word{display:flex;align-items:center;justify-content:center;gap:25px;font-size:32px;color:#76568e}.letter-choices{display:flex;justify-content:center;gap:20px;margin:20px 0}.letter-choices>div{flex:1;max-width:240px}.letter-choice{width:100%;min-height:110px;border:3px solid #dec8ef;border-bottom:7px solid #c9addf;border-radius:24px;background:#f6edff;color:#71548b;font-size:30px;cursor:pointer}.glyph-choices .letter-choice{font-size:75px;font-family:Georgia,serif;min-height:155px}.letter-choice.correct{background:#e2f8e9;border-color:#7ac49c}.position-listen{border:0;background:none;min-height:48px;font-size:14px;color:#85689a;cursor:pointer}.position-word{font-size:clamp(36px,6vw,70px);letter-spacing:6px;font-weight:bold;color:#796b88;margin:15px 0}.position-word mark{background:#ffe4a5;color:#705297;border-radius:12px;padding:2px 5px}.session-back{display:block;text-align:center;min-height:50px;margin:25px auto 0;color:#7d6a8a;padding:15px}.session-finish>img{width:150px;height:150px;object-fit:contain}.session-finish .reward-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.reading-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:25px}.mic-status{color:#806b93;font-size:16px;min-height:42px;margin:25px 0 15px}.recognition-feedback{font-size:15px;line-height:1.6;color:#775b8b;max-width:600px;margin:15px auto}.micro-help{font-size:13px;text-align:left;color:#81728c;max-width:650px;margin:22px auto;line-height:1.65;background:#f6f1fa;padding:15px;border-radius:18px}.micro-help summary{cursor:pointer;min-height:30px}.micro-help label{display:flex;align-items:center;gap:12px}.micro-help input{width:22px;height:22px;flex-shrink:0}.micro-help p{margin:12px 0}.letter-activity audio{width:100%;max-width:480px}.writing-category{display:flex;align-items:center;justify-content:space-between;gap:12px}.writing-category>span{font-size:14px;color:#9982a9;white-space:nowrap}.writing-picker{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:8px 0 18px}.writing-picker button{min-height:46px;min-width:43px;padding:7px 10px;background:#fff;border:2px solid #e1d7eb;border-radius:13px;color:#806193;cursor:pointer;font-size:18px}.writing-picker .selected{border-color:#9e7bbb;background:#eadcf9}.writing-picker .done{background:#e6f7e9;border-color:#91cba9}.writing-model{margin:10px 0;font-size:45px}.writing-model small{font-size:14px;letter-spacing:0;color:#9782a8}.letter-activity .canvas-wrap{max-width:800px}.letter-activity canvas{display:block;width:100%;touch-action:none;user-select:none}.letter-activity .trace-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;max-width:none}.letter-activity [data-letter-action="check-writing"]{background:#51aa81;box-shadow:0 5px 0 #36865f}.writing-note{font-size:13px;color:#a18ba8;margin-top:20px}.card-letter{color:#624881!important;text-shadow:none!important;-webkit-text-stroke:0!important}.lesson-letter-link{display:block;text-align:center;padding:12px 15px;background:#fff2bb;border-radius:17px;color:#826383;margin:0 auto 15px;max-width:600px}.parent-letters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.parent-letters a{border:1px solid #ddd0ec;background:white;border-radius:15px;padding:13px;min-width:95px;text-align:center;font-size:14px}
@media(max-width:900px){.alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.alphabet-hero{padding-inline:5px}.session-nav{gap:5px}.session-nav small{font-size:10px}.activity-door strong{font-size:17px}.letter-activity{padding:25px 20px}}
@media(max-width:600px){.alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.alphabet-card{min-height:190px;padding:10px 4px;border-radius:23px}.alphabet-forms{font-size:37px;gap:9px}.alphabet-card>img{height:86px;width:86px}.letter-art{height:86px;font-size:28px}.anchor-word{font-size:12px}.six-dots{gap:4px}.six-dots i{width:7px;height:7px}.alphabet-hero{gap:8px}.alphabet-hero h1{font-size:32px}.alphabet-hero>img{width:125px;height:170px}.alphabet-hero p{font-size:13px}.alphabet-hero .rainbow-kicker{font-size:9px;white-space:normal}.session-art{width:70px;height:70px}.session-overview{padding:23px 13px}.session-intro h1{font-size:26px}.session-intro p{font-size:13px}.activity-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.activity-door{padding:17px 7px}.activity-door strong{font-size:15px}.session-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.session-nav a{min-height:64px;flex-direction:row;padding:9px 4px;gap:5px}.session-nav a>span{font-size:23px}.session-nav small{max-width:58px;font-size:10px}.letter-activity{padding:22px 12px}.jumbo-forms{font-size:110px;gap:20px}.letter-choices{gap:10px}.letter-choice{font-size:22px;min-height:100px}.glyph-choices .letter-choice{font-size:60px;min-height:120px}.position-listen{font-size:11px}.sound-word{font-size:25px;gap:12px}.sound-word img{height:120px;width:120px}.writing-category h2{font-size:21px}.reading-actions .button,.trace-tools .button{font-size:14px;padding:11px 14px;min-height:53px}.writing-picker button{font-size:16px}.position-word{letter-spacing:3px}.activity-step{gap:5px}.activity-step i{width:24px}.reading-word{font-size:45px}}
