@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,'Noto Sans Tamil',sans-serif;color:#232443;background:#f6f7fc;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:0;font-weight:800;min-height:44px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f39724;outline-offset:4px}button:disabled{opacity:.4;cursor:default}header{height:98px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e5e6f1}.brand{text-decoration:none;font-size:27px;font-weight:900;color:#322774;display:flex;align-items:center;gap:12px}.brand>span:first-child{font-family:'Noto Sans Tamil',sans-serif;background:#5546d5;color:white;border-radius:15px;width:48px;height:48px;text-align:center;line-height:48px;font-size:28px}.brand .brand-tag{font-size:10px;letter-spacing:1.3px;max-width:80px;margin-left:7px;line-height:1.7;color:#7a7696}.quiet{background:transparent;color:#676582;border-radius:12px;padding:10px 14px}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 98px)}aside{padding:44px 25px;border-right:1px solid #e4e5ef;background:#fafaff}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#8b83a6}aside h2{font-size:24px;line-height:1.4;margin:16px 0 32px}#levels{display:grid;gap:14px}.level{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #e4e4ef;background:white;border-radius:17px;padding:16px 12px;color:#514d71;width:100%}.level.active{background:#5546d5;color:white;border-color:#5546d5;box-shadow:0 6px 0 #e4e0ff}.level-num{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;background:#eeebff;color:#5546d5;border-radius:12px;font-size:18px}.level small{display:block;font-size:12px;font-weight:600;margin-top:3px;opacity:.8}.aside-note{margin:44px 10px 0;font-size:14px;color:#79758b;line-height:1.7}.aside-note>span{display:block;font-size:32px;color:#ea9c33}.aside-note b{color:#56516b}.aside-note p{margin-top:6px}main{padding:36px 42px;min-width:0}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:1px;color:#796cb8}.pill{font-size:12px;letter-spacing:0;color:#727184;background:white;padding:8px 12px;border-radius:20px}h1{font-size:38px;letter-spacing:-1px;margin:19px 0 5px;font-weight:900}.subtitle{color:#7b7991;margin:0 0 28px;font-size:16px}nav{display:flex;gap:10px;margin-bottom:25px}.stage{background:white;border:1px solid #e6e5f0;border-radius:14px;padding:12px 23px;color:#79738c;display:flex;align-items:center;gap:10px}.stage.active{background:#ebe8ff;border-color:#c9c1ff;color:#5546d5}.stage span{font-size:12px;border:1px solid currentColor;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.workspace{display:grid;grid-template-columns:minmax(290px,1fr) minmax(260px,.82fr);gap:27px}.practice{background:white;border:1px solid #e5e4f0;border-radius:25px;box-shadow:0 7px 0 #eeedf6;padding:22px;text-align:center;min-height:457px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;color:#817c99;font-size:12px;font-weight:800}.card-top span:first-child{text-transform:uppercase;letter-spacing:1px}#symbol{font-family:'Noto Sans Tamil',sans-serif;color:#5546d5;font-weight:600;font-size:105px;line-height:1.7;padding:12px 0 0;overflow-wrap:anywhere}#symbol.word{font-size:49px;line-height:1.7;padding-top:44px;min-height:160px}#symbol.story{font-size:30px;line-height:1.9;min-height:170px;padding-top:25px}#hint{font-size:17px;font-weight:800;color:#7767b4;min-height:26px}#translation{font-size:14px;color:#898397;min-height:25px;margin:4px 0 18px}.audio-actions{display:flex;gap:12px;justify-content:center}.primary,.record,.next{border-radius:13px;padding:13px 20px}.primary{background:#5546d5;color:white;box-shadow:0 4px 0 #392aa4}.record{background:#ffedd7;color:#986019;box-shadow:0 4px 0 #f1d2aa}.record.recording{background:#b53149;color:white}.playback{margin-top:21px;min-height:35px;font-size:12px;color:#8b859b}audio{width:100%;height:36px}#status{min-height:22px;font-size:13px;color:#615481;margin:5px 0 12px}.card-bottom{margin-top:auto;border-top:1px solid #f0edf5;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-bottom button{font-size:12px;padding:10px}.next{color:#4f437f;background:#f1eefb}.collection{padding:3px 0}.collection-head{display:flex;justify-content:space-between;align-items:center}.collection h2{font-size:18px;margin:0}.collection-head>span{font-size:12px;color:#8b839e}.progress{height:5px;border-radius:10px;background:#e7e3f2;margin:15px 0 22px}.progress div{height:100%;background:#8270e7;border-radius:10px;transition:width .3s}#tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{position:relative;min-height:76px;border-radius:16px;background:white;border:1px solid #e2e0ed;color:#51437e;font-family:'Noto Sans Tamil',sans-serif;font-size:29px;line-height:1.8;padding:9px 3px}.tile.active{background:#eeeaff;border:2px solid #9a8ce9}.tile.completed:after{content:'✓';font-family:Nunito,sans-serif;position:absolute;right:5px;top:1px;font-size:12px;color:#307954}.tile.words{font-size:17px}.tile.pages{font:800 16px Nunito,sans-serif;min-height:54px}.stage-note{background:#eaf3ef;border-radius:14px;padding:16px;color:#49705d;font-size:13px;line-height:1.6;margin-top:20px}.advance{width:100%;margin-top:15px;border-radius:12px;background:#5546d5;color:white;padding:13px}footer{display:flex;justify-content:space-between;font-size:12px;color:#9892a8;margin-top:34px;gap:12px}dialog{border:0;border-radius:24px;max-width:570px;width:90%;padding:30px;color:#3c3655;line-height:1.7}dialog::backdrop{background:#25203a88}dialog>button{float:right}dialog h2{clear:both}select{padding:8px;border-radius:8px;margin-left:15px} @media(min-width:1400px){main{padding:45px 60px}.practice{min-height:500px}#symbol{padding-top:25px}}@media(max-width:1050px){.layout{grid-template-columns:220px 1fr}aside{padding:35px 18px}main{padding:30px 25px}.workspace{gap:18px;grid-template-columns:1fr  .8fr}.pill{display:none}.stage{padding:11px 15px}.card-bottom{flex-wrap:wrap}.card-bottom .next{order:3;width:100%}}@media(max-width:790px){header{height:80px;padding:0 5%}.brand{font-size:23px}.brand-tag{display:none!important}.layout{display:block}aside{padding:20px;border-right:0;border-bottom:1px solid #e4e5ef}aside h2,.eyebrow,.aside-note{display:none}#levels{grid-template-columns:repeat(3,1fr);gap:8px}.level{padding:10px 8px;font-size:12px;gap:7px}.level-num{width:27px;height:29px;font-size:14px}.level small{font-size:10px}main{padding:25px 20px}h1{font-size:30px}nav{gap:7px}.stage{flex:1;padding:10px 7px;font-size:13px;gap:7px}.workspace{grid-template-columns:1fr}.practice{min-height:450px}.card-bottom{flex-wrap:nowrap}.card-bottom .next{order:0;width:auto}#tiles{grid-template-columns:repeat(4,1fr)}footer{flex-direction:column}.collection{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* The 52-week library stays compact so practice remains the main activity. */
.week-picker{display:block;font-size:13px;font-weight:800;color:#6d628d;margin-bottom:8px}#weekPicker{width:100%;margin:0;padding:11px 9px;font-size:13px;border:1px solid #d7d0ed;background:white;color:#463773;min-height:44px;max-width:100%}.year-progress{font-size:12px;color:#77708b;margin-top:12px}#chapters{gap:5px;margin:15px 0}.chapter{flex:1;min-width:0;min-height:36px;padding:7px 2px;background:#eeebf6;color:#665b85;border-radius:8px;font-size:12px}.chapter.active{background:#5546d5;color:white}#levels{max-height:490px;overflow-y:auto;padding:3px 5px 7px 1px;scrollbar-width:thin}.level{padding:11px 10px}.level small{font-size:11px}.week-navigation{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 16px}.week-navigation button{font-size:13px;padding:6px 10px}.week-navigation span{font-size:12px;color:#867799;text-align:center}.aside-note{margin-top:22px}#symbol.word{font-size:clamp(22px,3.4vw,45px);min-height:145px;line-height:2;overflow-wrap:anywhere}#symbol.story{font-size:clamp(21px,2.4vw,30px);line-height:1.95;min-height:170px}.tile.words{font-size:clamp(12px,1.25vw,17px);overflow-wrap:anywhere;padding:10px 4px}#hint{line-height:1.65}#translation{line-height:1.7}.stage-note{overflow-wrap:anywhere}#info p{font-size:15px;line-height:1.8}@media(max-width:790px){aside{display:grid;grid-template-columns:1fr;gap:0;padding:16px 20px}#levels,#chapters{display:none}.year-progress{margin-top:8px;font-size:12px}.week-picker{font-size:12px}#weekPicker{font-size:14px}.week-navigation span{display:none}.week-navigation{margin-bottom:14px}#symbol.word{font-size:clamp(24px,6vw,44px)}.tile.words{font-size:15px}#symbol.story{font-size:25px}}@media(max-width:420px){.tile.words{font-size:13px}#symbol.story{font-size:22px}.topline{font-size:10px}#tiles{gap:8px}.brand{font-size:20px}header .quiet{font-size:13px;padding:8px}}