:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#0c1717;--panel:#152725;--panel2:#203b34;--text:#f3f8f5;--muted:#a4b9ad;--border:#2e4940;--green:#28b89d;--greenD:#126d59;--gold:#e5c889;--red:#ff8385;--white:#fff;--shadow:0 18px 45px rgba(0,0,0,.13)}
body.theme-light{color-scheme:light;--bg:#f5f9f6;--panel:#fff;--panel2:#e8f3eb;--text:#183229;--muted:#62796f;--border:#dce9e0;--green:#087d68;--greenD:#065747;--gold:#9a7028;--red:#bc3646;--shadow:0 12px 35px rgba(13,49,34,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);transition:background .2s,color .2s;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green)}a:hover{text-decoration-thickness:2px}button:disabled{opacity:.46;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4.9vw,3.8rem);letter-spacing:-.05em;line-height:1.1;margin-bottom:14px}h2{font-size:1.4rem;letter-spacing:-.028em;margin-bottom:14px}h3{font-size:1.08rem;margin-bottom:8px}p{line-height:1.75;text-align:justify;text-justify:inter-word;hyphens:auto}p:last-child{margin-bottom:0}small,.muted{color:var(--muted)}.hidden{display:none!important}.panel{border:1px solid var(--border);background:var(--panel);border-radius:19px;padding:23px;box-shadow:var(--shadow)}.eyebrow{font-size:.72rem;font-weight:780;letter-spacing:.15em;color:var(--green);display:block;margin-bottom:15px;text-transform:uppercase}.topbar{height:76px;padding:0 clamp(18px,3.6vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brandmark{background:var(--green);color:#fff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:1.6rem}.brand b{letter-spacing:.055em;font-size:.92rem}.brand small{display:block;font-size:.63rem;letter-spacing:.2em;margin-top:2px}.top-actions{display:flex;gap:11px;align-items:center}.accent-dot{height:7px;width:7px;border-radius:99px;background:var(--green)}.icon-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);width:39px;height:39px;border-radius:12px;font-size:1.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:710;font-size:.91rem;min-height:44px;white-space:normal}.btn-primary{background:var(--green);color:#fff;border:1px solid transparent}.btn-primary:hover{background:var(--greenD)}.btn-light{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.btn-ghost{color:var(--green);background:transparent;border:1px solid var(--green)}.text-button{border:0;background:none;color:var(--green);text-decoration:underline;padding:10px 0;text-align:left}.public-shell{max-width:1290px;margin:auto;padding:clamp(26px,5vw,76px) 22px 34px}.hero-grid{display:grid;grid-template-columns:1.1fr minmax(330px,.76fr);gap:clamp(35px,6vw,110px);align-items:center;min-height:550px}.hero-copy h1{max-width:650px}.hero-copy .lead{max-width:590px;color:var(--muted);font-size:1.08rem}.benefit-list{margin:26px 0;display:grid;gap:12px}.benefit-list>div{display:flex;gap:12px;align-items:center}.benefit-icon{display:grid;place-items:center;background:var(--panel2);color:var(--green);width:31px;height:31px;border-radius:10px}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:19px 22px;display:grid;grid-template-columns:1fr auto;column-gap:12px;max-width:500px}.plan-card>span{font-size:.72rem;color:var(--muted);letter-spacing:.1em}.plan-card strong{font-size:1.55rem;color:var(--gold);grid-row:span 2;align-self:center}.plan-card small{margin-top:6px}.plan-card p{grid-column:1/-1;color:var(--muted);font-size:.84rem;margin:12px 0 0}.access-card{padding:30px}.switch-tabs{display:flex;border-bottom:1px solid var(--border);gap:20px;margin-bottom:28px}.switch-tabs button{padding:0 0 13px;background:none;border:0;color:var(--muted);font-weight:700;position:relative}.switch-tabs button.active{color:var(--green)}.switch-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green);border-radius:4px}.auth-view h2{font-size:1.65rem}.auth-view .muted{font-size:.89rem;margin-bottom:25px}.form-stack{display:grid;gap:17px}.form-stack label{display:grid;gap:7px;font-weight:650;font-size:.86rem}.form-stack label input,.form-stack label textarea,.form-stack label select,select,textarea,input{border:1px solid var(--border);border-radius:11px;padding:12px 14px;background:var(--bg);color:var(--text);width:100%;outline:none}.form-stack label input:focus,.form-stack label textarea:focus,select:focus,textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.form-stack .check-row{display:flex;align-items:start;gap:11px;font-size:.78rem;line-height:1.5;font-weight:450}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.helper{font-size:.82rem;color:var(--muted);margin:18px 0 0}.notice{background:var(--panel2);color:var(--text);border:1px solid var(--green);padding:13px 15px;border-radius:12px;margin-top:20px;font-size:.9rem}.payment-summary{display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px;border:1px solid var(--border);border-radius:13px;margin:20px 0}.payment-summary strong{color:var(--gold)}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0}.public-feature-grid .panel{min-height:200px}.large-icon{display:block;font-size:1.6rem;font-weight:800;color:var(--gold);margin-bottom:18px}.public-feature-grid p{color:var(--muted);font-size:.9rem}.site-footer{max-width:1300px;margin:auto;padding:26px 23px 40px;border-top:1px solid var(--border);display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between;font-size:.76rem;color:var(--muted)}.site-footer a{color:var(--muted)}.footnote{width:100%;font-size:.71rem}.app-layout,.admin-layout{max-width:1480px;margin:30px auto;padding:0 20px 40px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.sidebar{position:sticky;top:100px;padding:14px}.side-profile{display:flex;align-items:center;gap:12px;padding:10px 11px 19px;border-bottom:1px solid var(--border);margin-bottom:14px}.avatar{background:var(--greenD);border:1px solid var(--green);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:1.2rem}.side-profile b{display:block;font-size:.92rem}.side-profile small{font-size:.71rem}.side-nav{display:grid;gap:4px}.side-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:0;background:none;border-radius:11px;color:var(--muted);font-size:.9rem;font-weight:600}.side-nav button:hover,.side-nav button.active{color:var(--green);background:var(--panel2)}.side-nav button span{color:inherit}.sidebar-bottom{font-size:.62rem;letter-spacing:.12em;text-align:center;margin:30px 0 10px;color:var(--gold)}.view,.admin-view{display:none}.view.active,.admin-view.active{display:block;animation:fade-in .19s ease}@keyframes fade-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{padding:8px 0 21px}.page-heading h1{font-size:clamp(1.8rem,3vw,2.65rem)}.page-heading p{max-width:850px;color:var(--muted);margin-bottom:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:7px 0 16px}.stat{display:grid;gap:9px}.stat span,.stat label{color:var(--muted);font-size:.82rem}.stat b{font-size:2rem;font-variant-numeric:tabular-nums}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.action-card{text-align:left;color:var(--text);display:grid;gap:6px;box-shadow:none}.action-card b{font-size:1.03rem}.action-card small{font-size:.82rem}.action-card:hover{border-color:var(--green)}.select-strip{display:flex;align-items:center;gap:20px;margin-bottom:18px}.select-strip label{font-weight:700;white-space:nowrap}.select-strip select{max-width:245px}.select-strip small{margin-left:auto}.question-shell{position:relative;min-height:275px;overflow:hidden}.question-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.question-topic{color:var(--green);font-size:.8rem}.question-shell h2{font-size:clamp(1.08rem,2vw,1.46rem);line-height:1.55;margin:24px 0}.context-block{border-left:3px solid var(--gold);background:var(--panel2);padding:14px 18px;border-radius:0 11px 11px 0;white-space:pre-wrap;text-align:justify;line-height:1.7;margin-bottom:20px}.question-media{max-width:100%;max-height:310px;object-fit:contain;display:block;margin:16px auto 25px;border:1px solid var(--border);border-radius:9px}.answers-grid{display:grid;gap:11px}.answer-choice{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;min-height:60px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;width:100%;line-height:1.55}.answer-choice:hover{border-color:var(--green)}.answer-choice.selected{border-color:var(--green);background:var(--panel2)}.answer-choice>span{flex-shrink:0;font-size:.84rem;font-weight:800;color:var(--green);display:grid;place-items:center;background:var(--panel2);width:31px;height:31px;border-radius:8px}.watermark{pointer-events:none;position:absolute;top:12px;right:14px;font-size:.67rem;line-height:1.3;color:var(--muted);opacity:.34;max-width:240px;text-align:right;z-index:2}.question-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px;flex-wrap:wrap}.progress-track{height:7px;width:100%;background:var(--panel2);border-radius:99px;overflow:hidden;margin-bottom:20px}.progress-track>div{height:100%;background:var(--green);transition:width .2s}.clock{font-weight:800;font-size:1.2rem;color:var(--gold);margin-left:auto;font-variant-numeric:tabular-nums}.question-jump{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.question-jump button{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:8px 12px;color:var(--text)}.question-jump button.done{background:var(--panel2);border-color:var(--green)}.question-jump button.current{outline:2px solid var(--gold)}.result-score{font-size:3rem;color:var(--green);font-weight:800}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,8,7,.75);display:flex;align-items:center;justify-content:center;z-index:100;padding:18px}.dialog-card{width:min(580px,100%);max-height:92dvh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:clamp(22px,3vw,35px);box-shadow:0 35px 75px rgba(0,0,0,.35)}.dialog-card h2{font-size:1.6rem}.dialog-card h3{margin-top:24px}.correct-answer{background:var(--panel2);color:var(--text);border-left:4px solid var(--green);padding:14px;border-radius:0 10px 10px 0;font-weight:700}.memory-box{padding:15px;background:var(--panel2);border-radius:12px;margin:18px 0}.memory-box strong{color:var(--gold)}.memory-box p{margin:6px 0 0}.reference{color:var(--muted);font-size:.76rem}.dialog-card .btn{width:100%;margin-top:8px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0}.chapter-card h3{display:flex;justify-content:space-between}.chapter-card .metric{font-size:.84rem;color:var(--muted)}.chapter-bar{height:8px;background:var(--panel2);border-radius:10px;overflow:hidden;margin:10px 0}.chapter-bar>span{height:100%;display:block;background:var(--green)}.chapter-card.needs-work .chapter-bar>span{background:var(--red)}.chapter-card.needs-work{border-color:color-mix(in srgb,var(--red) 45%,var(--border))}.chapter-card.not-enough .chapter-bar>span{background:var(--gold)}.planner-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:17px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.planner-list{display:grid;gap:12px;margin-top:16px}.planner-item{border:1px solid var(--border);padding:13px 15px;border-radius:12px;background:var(--bg);display:flex;align-items:center;gap:13px}.planner-item.done{opacity:.63}.planner-item .meta{font-size:.75rem;color:var(--muted);margin-top:4px}.planner-item .right{margin-left:auto;display:flex;gap:6px}.planner-item .right button{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--text)}.study-timer{border-top:1px solid var(--border);margin-top:25px;padding-top:19px}.study-timer #focus-clock{font-weight:800;font-size:2.3rem;margin:10px 0 18px;font-variant-numeric:tabular-nums}.study-timer .btn{margin:4px 5px 0 0}.record{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--border)}.record:last-child{border-bottom:0}.record .meta{font-size:.79rem;color:var(--muted)}.leader-row{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);gap:13px}.leader-row:last-child{border-bottom:none}.leader-row b:last-child{margin-left:auto;color:var(--gold)}.account-info{display:grid;gap:15px}.account-info .line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:11px}.account-info .line:last-child{border-bottom:0}.admin-content,.student-content{min-width:0}.admin-view .panel{margin-bottom:15px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-metrics .panel{margin:0}.admin-metrics strong{font-size:1.6rem;display:block;margin-top:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:13px 9px;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}td{max-width:350px;overflow-wrap:anywhere}td button{padding:6px 9px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.two-column .full{grid-column:1/-1}.copy-list{display:grid;gap:16px;margin-top:20px}.copy-row{border-bottom:1px solid var(--border);padding-bottom:16px;display:grid;gap:8px}.copy-row code{color:var(--gold);font-size:.79rem}.copy-row textarea{min-height:68px}.copy-row button{justify-self:start}.toast{position:fixed;bottom:24px;right:24px;max-width:400px;background:var(--panel2);border:1px solid var(--green);color:var(--text);padding:15px 20px;border-radius:13px;box-shadow:var(--shadow);z-index:150}.legal-page{max-width:880px;margin:auto;padding:54px 22px 90px}.legal-page .panel{margin-bottom:20px}.legal-page h2{margin-top:30px}.legal-page li{margin-bottom:10px;line-height:1.6;text-align:justify}.legal-page p{color:var(--muted)}@media(max-width:1060px){.app-layout,.admin-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.hero-grid{gap:30px}.admin-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.public-feature-grid{grid-template-columns:1fr}.access-card{max-width:580px}.app-layout,.admin-layout{display:block;padding:0 14px}.sidebar{position:static;margin-bottom:18px}.sidebar-bottom{display:none}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.side-nav button{flex-direction:column;align-items:center;gap:3px;font-size:1.1rem;padding:12px 5px}.side-nav button span{font-size:.63rem;text-align:center;line-height:1.3}.side-profile{margin-bottom:7px;padding:3px 4px 11px}.planner-layout{grid-template-columns:1fr}.stat-grid,.action-grid{grid-template-columns:repeat(3,1fr)}.action-grid .action-card{padding:15px}.select-strip{flex-wrap:wrap;gap:10px}}@media(max-width:560px){.topbar{height:63px;padding:0 14px}.brandmark{width:34px;height:34px}.brand b{font-size:.75rem}.brand small{font-size:.52rem}.top-actions .accent-dot{display:none}.btn{font-size:.83rem}.hero-copy h1{font-size:2.35rem}.access-card{padding:20px}.public-shell{padding:35px 15px}.panel{padding:17px;border-radius:15px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid> :last-child{grid-column:1/-1}.action-grid{grid-template-columns:1fr}.action-card{display:grid;grid-template-columns:35px 1fr;align-items:center}.action-card .large-icon{grid-row:span 2;margin:0}.chapter-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.two-column .full{grid-column:auto}.select-strip select{flex:1;min-width:150px}.select-strip small{width:100%;text-align:right}.question-shell h2{margin:25px 0 16px}.answer-choice{padding:12px}.site-footer{font-size:.71rem}.account-info .line{flex-wrap:wrap}}
/* Emerald Prestige V14 — navigasi ringkas, laporan dan peti masuk */
html,body{max-width:100%;overflow-x:clip;touch-action:manipulation}
.topbar{z-index:60;box-shadow:0 3px 15px rgba(0,0,0,.08)}
#menu-toggle{font-size:1.35rem;font-weight:750}
.app-layout{display:block;max-width:1160px;margin:20px auto;padding:0 20px 50px}
.app-layout .student-content{width:100%}
.app-layout .sidebar{position:fixed!important;display:block!important;top:86px!important;right:clamp(10px,4vw,54px);left:auto;width:min(326px,calc(100vw - 24px));max-height:calc(100dvh - 102px);overflow-y:auto;z-index:56;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-15px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.menu-open .app-layout .sidebar{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.app-layout .sidebar .side-nav{display:grid!important;grid-template-columns:1fr!important;gap:4px}
.app-layout .sidebar .side-nav button{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:12px!important;padding:13px!important;font-size:.9rem!important}
.app-layout .sidebar .side-nav button span{text-align:left!important;font-size:.89rem!important}
.app-layout .sidebar .side-profile{display:flex!important}
.app-layout .sidebar .sidebar-bottom{display:block!important}
.menu-scrim{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.48)}
.app-layout .student-content .view{padding-top:3px}
.dashboard-quick{margin:16px 0;gap:12px}
.dashboard-quick .muted{text-align:right;font-size:.82rem}
.practice-tools,.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 17px}
.filter-row label{flex:1;max-width:260px;min-width:140px;font-size:.8rem;color:var(--muted);display:grid;gap:7px}
.filter-row select{font-size:1rem}
.review-summary{margin-top:17px;padding:15px 0;border-bottom:1px solid var(--border)}
.review-item{margin:12px 0;border:1px solid var(--border);background:var(--bg);border-radius:12px;overflow:hidden}
.review-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;font-weight:650;font-size:.87rem}
.review-item summary::-webkit-details-marker{display:none}
.review-item summary:after{content:'⌄';opacity:.55}
.review-wrong{border-color:color-mix(in srgb,var(--red) 53%,var(--border))}
.review-wrong summary,.review-wrong summary .review-number{color:var(--red)}
.review-ok summary,.review-ok summary .review-number{color:var(--green)}
.review-details{border-top:1px solid var(--border);padding:16px;display:grid;gap:5px}
.review-details p{margin:3px 0 9px;line-height:1.6}
.review-details .memory-review{border-left:3px solid var(--gold);padding:8px 12px;background:var(--panel2)}
#answer-backdrop.is-wrong .dialog-card{border:2px solid var(--red);box-shadow:0 30px 100px color-mix(in srgb,var(--red) 20%,transparent)}
#answer-backdrop.is-wrong .eyebrow,#answer-backdrop.is-wrong #answer-title{color:var(--red)}
#answer-backdrop.is-wrong .correct-answer{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 11%,var(--panel))}
#answer-backdrop.is-wrong #answer-understood{background:color-mix(in srgb,var(--red) 80%,#8b1523)}
.fineprint{font-size:.78rem;line-height:1.5}
.invite-result{padding:16px;margin-top:20px;border:1px solid var(--green);border-radius:13px;background:var(--panel2);display:grid;gap:10px}
.invite-code{font-size:1.2rem}.invite-code strong{color:var(--gold);letter-spacing:.15em}
.public-contact{margin:32px 0;max-width:720px}
.public-contact .form-stack{max-width:540px}
.support-msg{margin:12px 0;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:12px}
.support-msg.msg-admin{border-left:4px solid var(--green)}
.support-msg p{white-space:pre-wrap;font-size:.9rem;margin:8px 0}
.admin-support-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr);gap:16px}
.admin-support-grid .panel{min-width:0}
.admin-support-grid .record{cursor:pointer}
.admin-support-grid .record:hover{background:var(--panel2)}
.guardian-public{max-width:960px;padding:38px 20px 70px;margin:auto}
.guardian-public #guardian-gate{max-width:590px;margin:auto}
.guardian-public #guardian-report>.panel{margin-bottom:18px}
.guardian-public .line,#study-daily .line{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--border);gap:12px}
.guardian-public #guardian-report .stat-grid{margin:18px 0}
@media(max-width:800px){.app-layout{display:block;margin:10px auto;padding:0 14px 40px}.app-layout .sidebar{top:76px!important}.admin-support-grid{grid-template-columns:1fr}}
@media(max-width:560px){.app-layout .sidebar{top:68px!important;right:9px}.topbar .brand small{letter-spacing:.11em}.top-actions{gap:7px}.brandmark{width:34px;height:34px}.practice-tools .btn{flex:1}.dashboard-quick{align-items:flex-start}.dashboard-quick .muted{display:block;text-align:left;width:100%}.guardian-public{padding:24px 13px}.guardian-public .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guardian-public .stat-grid> :last-child{grid-column:1/-1}}

/* V15: bab yang boleh dipilih, penanda kelemahan dan rujukan buku teks */
.chapter-choose{width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.chapter-choose:hover,.chapter-choose:focus-visible{border-color:var(--green);transform:translateY(-2px);outline-offset:3px}
.chapter-choose small{display:block;margin-top:10px;font-size:.78rem;opacity:.7}
.chapter-focus{scroll-margin-top:90px}.curriculum-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0 22px}
.curriculum-sections>div{border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:5px}
.curriculum-sections small,.weak-question .meta{opacity:.78}.weak-question{border-top:1px solid var(--border);padding:16px 0}
.weak-question p{margin:8px 0;text-align:justify;line-height:1.65}
@media(max-width:640px){.chapter-choose{min-height:135px}.curriculum-sections{grid-template-columns:1fr}.chapter-focus{scroll-margin-top:75px}}

/* V16: Compact always-available language and theme controls. */
.language-btn{font-family:inherit;font-size:.75rem;font-weight:850;letter-spacing:.035em;border-color:var(--green);color:var(--green);min-width:39px;flex-shrink:0}
.language-btn:hover,.language-btn:focus-visible{background:var(--panel2);outline-offset:2px}
@media(max-width:480px){.topbar{padding-left:12px;padding-right:12px}.top-actions{gap:6px}.brand{min-width:0}.brand small{font-size:.5rem;letter-spacing:.06em}.brand b{font-size:.68rem}.brandmark{width:32px;height:32px;flex-shrink:0}.top-actions .icon-btn{width:36px;height:36px}.language-btn{min-width:36px!important}}
@media(max-width:365px){.topbar .brand small{display:none}.topbar .brand b{font-size:.65rem}}

/* V17 Smart Study Tracking: responsive, accessible activity summaries */
.study-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.study-metric{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--panel2);min-width:0}
.study-metric span{font-size:.77rem;color:var(--muted)}.study-metric strong{font-size:clamp(1.16rem,2.5vw,1.65rem);line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.study-chart-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0 13px}.study-chart-head h3{margin:0}
.study-range{display:flex;gap:5px;flex-wrap:wrap}.study-range button{font:inherit;padding:7px 10px;border-radius:9px;background:var(--panel2);border:1px solid var(--border);color:var(--text);cursor:pointer}.study-range .is-active{border-color:var(--green);color:var(--green)}
.study-bars{overflow-x:auto;max-width:100%;padding:9px 0 14px}.study-bars-inner{display:flex;align-items:flex-end;gap:7px;min-height:160px;min-width:max-content}.study-bar{display:grid;grid-template-rows:20px 105px 20px;align-items:end;justify-items:center;gap:4px;width:43px;flex-shrink:0}.study-bar-value{font-size:.58rem;color:var(--muted);white-space:nowrap;align-self:end}.study-bar-track{position:relative;display:block;width:27px;height:105px;border-radius:7px 7px 2px 2px;background:var(--panel2);border:1px solid var(--border);overflow:hidden}.study-bar-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--green),#148f80);border-radius:6px 6px 1px 1px}.study-bar-day{font-size:.69rem;color:var(--muted);white-space:nowrap}.study-history-title{font-size:.91rem;margin:20px 0 10px}
@media(max-width:900px){.study-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.study-metrics{gap:8px}.study-metric{padding:12px}.study-bar{width:38px}.study-bars-inner{gap:5px}}