:root{--blue:#007aff;--blue-d:#005dbb;--blue-faint:#eaf3ff;--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--muted:#737780;--muted2:#969aa4;--border:#e7e9ee;--good:#248f59;--good-bg:#e7f7ed;--orange:#ed8a19;--orange-bg:#fff5e6;--red:#e54848;--sidebar:#fff;--shadow:0 4px 18px rgba(25,35,58,.035);--shadow-xl:0 20px 60px rgba(25,35,58,.12);--radius:20px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,'Noto Sans Tamil',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}*:focus-visible{outline:3px solid rgba(0,122,255,.44);outline-offset:3px}::selection{background:#c6e0ff;color:#002f62}
body.dark{--blue:#4f9fff;--blue-d:#70b6ff;--blue-faint:#1a3456;--bg:#101216;--surface:#1b1e24;--text:#f1f3f8;--muted:#a7aeb9;--muted2:#8f96a1;--border:#323842;--good:#5cd18b;--good-bg:#193c2a;--orange:#ffc078;--orange-bg:#50361c;--red:#ff7c7c;--sidebar:#171a20;--shadow:0 8px 24px #0002}
#app{min-height:100vh}.sidebar{width:256px;position:fixed;z-index:30;inset:0 auto 0 0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:28px 14px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px}.brand-mark{width:39px;height:39px;border-radius:13px;background:#087afd;color:white;display:grid;place-items:center;font-weight:800;font-size:29px;line-height:1;letter-spacing:-2px}.brand-mark span{color:#bee0ff}.brand strong{font-size:21px;font-weight:750;letter-spacing:-1px;display:block;line-height:1.1}.brand small{display:block;letter-spacing:1.4px;font-size:9px;font-weight:750;color:var(--muted);padding-top:5px}.side-caption{color:var(--muted2);font-size:10px;font-weight:750;letter-spacing:1.3px;margin:6px 14px 10px}.side-caption.inset{margin:12px 14px 8px}.side-links{display:flex;flex-direction:column;gap:3px}.nav-item{border:0;border-radius:11px;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;color:var(--muted);font-weight:600;width:100%;min-height:45px}.nav-item:hover{color:var(--blue);background:var(--blue-faint)}.nav-item.active{background:var(--blue-faint);color:var(--blue)}.nav-ico{font-size:18px;width:21px;display:inline-flex;justify-content:center;font-weight:400}.nav-separator{height:1px;background:var(--border);margin:13px 12px}.sidebar-bottom{margin-top:auto;padding-top:20px}.mini-coach{border:1px solid var(--border);border-radius:16px;padding:15px 15px 12px;background:linear-gradient(135deg,var(--blue-faint),var(--surface))}.mini-coach strong{font-size:12px}.mini-coach p{color:var(--muted);font-size:11px;margin:5px 0 0;line-height:1.55}.mini-orbit{float:right;color:var(--blue);font-size:17px}.side-foot{border:0;background:transparent;color:var(--muted);width:100%;padding:17px 10px 8px;text-align:left;font-size:12px;font-weight:600}.side-foot>span{font-size:16px;margin-right:5px}.side-foot .arrow{float:right}.sidebar-shade{display:none}.main-shell{margin-left:256px;min-height:100vh;display:flex;flex-direction:column}.topbar{background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;height:68px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.top-left,.top-actions{display:flex;align-items:center;gap:16px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--text);font-weight:650}.breadcrumb-slash{padding:0 10px;color:#c2c6cb}.level-chip{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);border:1px solid var(--border);padding:7px 10px;border-radius:999px}.level-chip strong{color:var(--text)}.dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.icon-button,.menu-btn{height:34px;width:34px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:18px}.menu-btn{display:none}.avatar{border-radius:11px;background:#e6edfc;color:#2e60ba;font-size:11px;font-weight:800;height:35px;width:35px;display:grid;place-items:center}#main{max-width:1370px;width:100%;padding:38px 42px 68px;margin:0 auto;flex:1}.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:21px 42px;font-size:11px;color:var(--muted)}.blue{color:var(--blue)}
.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--blue);margin:0 0 9px}.page-title{font-size:31px;letter-spacing:-1.25px;font-weight:760;line-height:1.15;margin:0 0 10px}.lead{font-size:13px;color:var(--muted);margin:0;max-width:730px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:30px 0 14px}.section-head h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.text-btn{font-size:12px;font-weight:700;border:0;background:transparent;color:var(--blue);padding:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 16px;border-radius:11px;border:1px solid var(--border);font-size:12px;font-weight:750;background:var(--surface);color:var(--text);transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary{background:#007aff;border-color:#007aff;color:white}.btn-primary:hover{background:#006ce5}.btn-soft{background:var(--blue-faint);border-color:transparent;color:var(--blue)}.btn-danger{color:var(--red)}.btn-sm{padding:7px 12px;min-height:34px;font-size:11px}.chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:10px;color:var(--muted);font-weight:750;display:inline-block;white-space:nowrap}.chip.blue{color:var(--blue);background:var(--blue-faint);border-color:transparent}.chip.green{color:var(--good);background:var(--good-bg);border-color:transparent}.chip.orange{color:var(--orange);background:var(--orange-bg);border-color:transparent}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:23px}.card h3{font-size:14px;margin:0 0 6px;letter-spacing:-.2px}.card p{margin:0;color:var(--muted)}.surface-soft{background:var(--bg);border-radius:13px;padding:16px}.hero-panel{border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(118deg,#0578e8 0%,#0456b0 75%,#034996 100%);color:white;padding:35px 38px;min-height:280px}.hero-panel:before{content:'';position:absolute;right:-110px;top:-160px;height:430px;width:430px;border-radius:50%;border:55px solid #ffffff0e}.hero-panel:after{content:'';position:absolute;right:130px;bottom:-140px;width:250px;height:250px;border-radius:50%;border:48px solid #ffffff0a}.hero-inner{position:relative;z-index:2;max-width:600px}.hero-panel .eyebrow{color:#d4eaff;letter-spacing:1.8px}.hero-panel h1{font-size:clamp(27px,3.5vw,43px);line-height:1.15;letter-spacing:-1.7px;margin:6px 0 12px;font-weight:770}.hero-panel p{color:#e0efff;font-size:13px;line-height:1.7;max-width:480px}.hero-ctas{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.btn-white{background:#fff;color:#0758b9;border-color:#fff}.btn-trans{background:#ffffff13;border-color:#ffffff55;color:#fff}.hero-emblem{position:absolute;right:9%;top:20%;height:130px;width:130px;border-radius:50%;border:1px solid #ffffff30;display:grid;place-items:center;transform:rotate(-8deg);font-size:100px;font-weight:200;color:#ffffff8f}.hero-emblem:before{content:'';position:absolute;inset:-24px;border-radius:50%;border:1px dashed #ffffff25}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.metric-card{padding:19px 20px}.metric-top{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-icon{font-size:17px;color:var(--blue);background:var(--blue-faint);border-radius:10px;height:32px;width:32px;display:grid;place-items:center}.metric-value{font-size:28px;letter-spacing:-.8px;font-weight:770;line-height:1.2;margin-top:10px}.metric-sub{color:var(--muted);font-size:10px;margin-top:5px}.row-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.row-grid.equal{grid-template-columns:1fr 1fr}.learning-card{padding:0;overflow:hidden}.learning-inner{display:flex;align-items:center;gap:19px;padding:23px}.learning-glyph{flex:0 0 65px;width:65px;height:65px;border-radius:20px;background:var(--blue-faint);color:var(--blue);font-size:30px;display:grid;place-items:center}.learning-text{flex:1}.learning-text .minor{font-size:10px;letter-spacing:1px;font-weight:780;color:var(--blue);text-transform:uppercase}.learning-text h3{font-size:18px;line-height:1.25;letter-spacing:-.4px;margin:4px 0}.learning-text p{font-size:12px;line-height:1.6}.progressline{height:7px;background:var(--bg);border-radius:10px;overflow:hidden;margin-top:13px}.progressline span{display:block;height:100%;border-radius:10px;background:#007aff;transition:width .3s ease}.divider{height:1px;background:var(--border);margin:19px 0}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.bold{font-weight:750}.quick-task{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);align-items:flex-start}.quick-task:last-child{border-bottom:0}.number-pill{height:25px;width:25px;background:var(--blue-faint);color:var(--blue);border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:800}.quick-task strong{font-size:12px}.quick-task p{font-size:11px;margin-top:1px}.mini-profile{display:flex;align-items:center;gap:13px;margin:14px 0 4px}.mini-profile .big{font-size:26px;font-weight:800;letter-spacing:-.8px}.mini-profile .subtitle{font-size:11px;color:var(--muted)}.dimline{font-size:11px;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{padding:21px;display:flex;flex-direction:column;gap:12px;min-height:238px;transition:border-color .2s,transform .2s;cursor:pointer}.module-card:hover{border-color:#94bdff;transform:translateY(-2px)}.module-icon{display:grid;place-items:center;background:var(--blue-faint);color:var(--blue);width:42px;height:42px;border-radius:13px;font-size:22px;font-weight:650}.module-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.module-card h3{font-size:15px;line-height:1.25;margin:0}.module-card p{font-size:11.5px;line-height:1.55;flex:1}.module-card .bottomline{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.module-card .bottomline strong{color:var(--blue)}.filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.search,.field,.select{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-height:42px;padding:10px 13px;color:var(--text);outline:0}.search:focus,.field:focus,.select:focus,textarea:focus{border-color:var(--blue)}.search{flex:1;min-width:190px}.select{min-width:130px}.lesson-list{display:flex;flex-direction:column;gap:10px}.lesson-row{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:1px solid var(--border);background:var(--surface);padding:15px 17px;border-radius:14px;color:var(--text)}.lesson-row:hover{border-color:#9cc7ff}.lesson-row .num{height:33px;width:33px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:800;display:grid;place-items:center}.lesson-row .num.finished{background:var(--good-bg);color:var(--good)}.lesson-row .lesson-title{font-weight:730;font-size:13px}.lesson-row .lesson-desc{color:var(--muted);font-size:11px;line-height:1.5}.lesson-row .nextarrow{margin-left:auto;color:var(--blue);font-size:20px}.back-btn{border:0;background:transparent;color:var(--blue);font-weight:730;margin-bottom:16px;font-size:12px;padding:6px 0}.lesson-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.75fr);gap:16px}.lesson-layout .card{margin-bottom:15px}.lesson-section{font-size:11px;color:var(--blue);font-weight:780;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.lesson-copy{font-size:14px;color:var(--text);line-height:1.75}.tamil-note{padding:14px;background:var(--blue-faint);color:var(--text);border-left:3px solid var(--blue);border-radius:0 10px 10px 0;font-size:13px}.example-box{background:var(--bg);border:1px solid var(--border);padding:13px 15px;border-radius:11px;display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:9px}.example-box span{font-size:13px;line-height:1.6}.hear-btn{flex-shrink:0;border-radius:9px;background:var(--surface);border:1px solid var(--border);padding:7px 10px;color:var(--blue);font-size:11px}.notearea{width:100%;min-height:125px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:13px;resize:vertical;outline:0;line-height:1.65}.notearea:focus{border-color:var(--blue)}.option-button{display:block;width:100%;margin-top:7px;text-align:left;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:11px 14px;font-size:12px;color:var(--text)}.option-button.selected{border-color:var(--blue);background:var(--blue-faint)}.option-button.correct{border-color:var(--good);background:var(--good-bg)}.option-button.incorrect{border-color:var(--red);color:var(--red)}.feedback{font-size:12px;margin-top:12px;padding:12px 14px;border-radius:11px;background:var(--bg);border:1px solid var(--border)}.checkline{display:flex;align-items:flex-start;gap:9px;margin:12px 0;font-size:12px}.checkline input{accent-color:var(--blue);height:17px;width:17px;margin-top:2px}.sticky-sidebar{position:sticky;top:84px}.habitbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.routine-list{display:flex;flex-direction:column;gap:10px;margin-top:13px}.routine-item{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px;border:1px solid var(--border);border-radius:12px}.routine-item strong{font-size:12px}.routine-item p{font-size:11px}.routine-item button{font-size:11px}.pill-switch{display:flex;gap:3px;background:var(--bg);padding:4px;border-radius:12px;border:1px solid var(--border)}.pill-switch button{background:transparent;border:0;border-radius:8px;color:var(--muted);padding:7px 11px;font-weight:700;font-size:11px}.pill-switch button.active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow)}
.speaker-ring{height:136px;width:136px;border-radius:50%;background:var(--blue-faint);color:var(--blue);display:grid;place-items:center;margin:0 auto 18px;font-size:55px;border:12px solid var(--surface);box-shadow:0 0 0 1px var(--border),0 0 0 14px var(--blue-faint)}.speaker-ring.recording{animation:pulse 1.5s infinite;background:var(--orange-bg);color:var(--orange)}@keyframes pulse{50%{box-shadow:0 0 0 1px var(--border),0 0 0 24px #007aff0d}}.center{text-align:center}.voice-output{border-radius:12px;padding:14px;margin-top:14px;background:var(--bg);border:1px solid var(--border);min-height:78px;white-space:pre-wrap;font-size:13px}.voice-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.scene-card{border-left:4px solid var(--blue)}.prompt-dialog{padding:20px;border:1px solid var(--border);border-radius:15px;margin:12px 0;background:var(--bg)}.prompt-who{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--blue);font-weight:800}.prompt-dialog p{font-size:15px;color:var(--text);font-weight:570;line-height:1.65;margin:8px 0}.speaking-starter{font-size:12px;color:var(--muted);padding:11px 13px;border-radius:10px;border:1px dashed var(--border)}.review-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding:13px 0}.review-row:last-child{border:0}.review-row span{font-size:12px}.review-stars{display:flex;gap:5px}.review-stars button{border:1px solid var(--border);background:var(--bg);border-radius:8px;color:var(--muted);font-size:11px;padding:6px 9px}.review-stars button.on{background:var(--blue-faint);border-color:var(--blue);color:var(--blue)}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resource-card{display:flex;gap:15px}.yt-icon{height:46px;width:46px;flex-shrink:0;border-radius:14px;background:#fff0ed;color:#e33c2e;font-size:24px;display:grid;place-items:center}.resource-content{flex:1;min-width:0}.resource-card h3{line-height:1.45}.resource-card .btn{margin-top:14px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.channel-grid .card{display:flex;flex-direction:column;gap:8px}.channel-grid .btn{margin-top:auto;align-self:flex-start}.phrase-card{padding:17px}.phrase-card .english{font-weight:760;font-size:14px;line-height:1.5}.phrase-card .tamil{font-size:12px;color:var(--muted);margin-top:7px}.phrase-card .actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prompt-card{background:var(--blue-faint);border-radius:16px;padding:21px}.prompt-card h3{font-size:14px}.prompt-card p{font-size:12px;color:var(--text);line-height:1.7}.summary-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.result-bars{display:flex;flex-direction:column;gap:18px}.result-row .labels{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:680;margin-bottom:8px}.result-row .labels span:last-child{color:var(--muted)}.journal-entry{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:13px 0}.journal-entry:last-child{border:0}.journal-entry p{font-size:12px;white-space:pre-wrap;line-height:1.6}.journal-entry small{font-size:10px;color:var(--muted)}.assessment-progress{font-size:11px;color:var(--muted);margin-bottom:8px}.toggle-details{border:0;background:transparent;color:var(--blue);font-weight:750;font-size:12px;padding:8px 0}.hidden{display:none!important}.hint{font-size:11px;line-height:1.65;color:var(--muted)}.bar-list{display:flex;flex-direction:column;gap:13px}.bar-row{display:flex;align-items:center;gap:10px;font-size:11px}.bar-row label{min-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .progressline{flex:1;margin:0}.bar-row strong{min-width:36px;text-align:right;color:var(--muted)}.guide-step{display:flex;align-items:flex-start;gap:14px;padding:13px 0}.guide-step .number-pill{width:32px;height:32px;flex:0 0 32px}.guide-step h3{margin:0 0 5px;font-size:14px}.guide-step p{font-size:12px}.pill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pill-tabs button{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700}.pill-tabs button.active{background:var(--blue-faint);color:var(--blue);border-color:#a5caff}.toast{position:fixed;z-index:100;bottom:26px;right:27px;background:#1d1d1f;color:white;padding:11px 16px;border-radius:12px;font-size:12px;box-shadow:var(--shadow-xl);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s,transform .22s}.toast.show{opacity:1;transform:translateY(0)}.mobile-bottom{display:none}
@media(max-width:1220px){#main{padding:31px 29px 55px}.topbar{padding:0 29px}.module-grid,.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-emblem{right:4%}.footer{padding-left:29px;padding-right:29px}}
@media(max-width:990px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.sidebar-shade.open{display:block;position:fixed;z-index:29;inset:0;background:#0008}.main-shell{margin-left:0}.menu-btn{display:grid}.hero-emblem{right:8%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:61px;padding:0 17px}.top-actions{gap:8px}.level-chip{font-size:10px;max-width:140px}.breadcrumb{font-size:11px}.avatar{display:none}#main{padding:21px 16px 92px}.page-title{font-size:26px}.page-title-row{align-items:flex-start;flex-wrap:wrap}.hero-panel{min-height:275px;padding:28px 23px;border-radius:20px}.hero-panel h1{font-size:30px}.hero-emblem{display:none}.metric-grid{gap:9px}.metric-card{padding:15px}.metric-value{font-size:24px}.row-grid,.row-grid.equal,.lesson-layout,.summary-list{grid-template-columns:1fr}.sticky-sidebar{position:static}.module-grid,.phrase-grid,.resource-grid,.channel-grid{grid-template-columns:1fr}.module-card{min-height:unset}.footer{padding:16px;justify-content:center;text-align:center}.footer span:last-child{display:none}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);z-index:19;padding:7px 10px max(7px,env(safe-area-inset-bottom))}.mobile-bottom button{border:0;background:transparent;color:var(--muted);font-weight:680;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px}.mobile-bottom button span{font-size:21px;line-height:1.3}.mobile-bottom button.active{color:var(--blue)}.toast{bottom:76px;left:16px;right:16px}.lesson-top{flex-wrap:wrap}.card{padding:19px}.learning-inner{align-items:flex-start;flex-wrap:wrap}.learning-glyph{height:50px;width:50px;flex-basis:50px}.hero-ctas{gap:7px}.btn{font-size:11px}}
@media(max-width:380px){.level-chip{display:none}.page-title{font-size:24px}.hero-panel h1{font-size:27px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-top{font-size:10px}.module-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Supporting curriculum videos and expandable thinking exercises */
.resource-mini{display:flex;flex-direction:column;gap:5px;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:border-color .2s}.resource-mini:hover{border-color:var(--blue)}.resource-mini .chip{align-self:flex-start}.resource-mini strong{font-size:11px;line-height:1.4}.resource-mini small{font-size:10px;color:var(--muted)}.thought-item{border-bottom:1px solid var(--border);padding:12px 0}.thought-item:last-child{border-bottom:0}.thought-item summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none}.thought-item summary::-webkit-details-marker{display:none}.thought-item summary strong{font-size:12px;flex:1;line-height:1.5}.thought-item[open] .tamil-note{margin:13px 0}.thought-item p{font-size:12px;line-height:1.6;margin-top:9px}.lesson-row{width:100%;text-align:left}.lesson-row-main{min-width:0;flex:1}.lesson-row-main p{font-size:12px;line-height:1.6}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.metric-symbol{font-size:17px;color:var(--blue)}.learning-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:17px;flex-wrap:wrap}.learning-footer span{font-size:11px;color:var(--muted)}