:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302d40;background:#f8f7f4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#63519b}.shell{display:flex;min-height:100vh}.sidebar{width:270px;background:#fff;border-right:1px solid #e9e6ed;padding:26px 16px;position:sticky;top:0;height:100vh;flex-shrink:0}.logo{font-weight:850;font-size:20px;color:#54447d;padding:8px 12px 4px}.tagline{font-size:11px;color:#837c92;padding:0 12px 28px}.nav{width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:13px 14px;color:#5c5768;margin:2px 0}.nav.active,.nav:hover{background:#eee9f9;color:#54447d;font-weight:700}.sidefoot{position:absolute;bottom:22px;left:25px;right:25px;color:#837c92;font-size:12px;line-height:1.6}.main{flex:1;min-width:0}.top{background:#fff;border-bottom:1px solid #ebe8ee;padding:18px 5%;display:flex;align-items:center;justify-content:space-between}.content{max-width:1120px;margin:auto;padding:32px 5% 80px}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1.2px;margin:0 0 9px}h2{font-size:21px;margin:0 0 14px}h3{margin:0 0 12px}.muted{color:#746f7d}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#7764a9;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{background:#fff;border:1px solid #e9e5ed;border-radius:18px;padding:24px;margin:17px 0;box-shadow:0 5px 18px #26203305}.hero{background:linear-gradient(110deg,#eee9fa,#f6f0e7);padding:35px}.stat{font-size:30px;font-weight:800;color:#5b4b86}.pill{background:#e7f2e9;color:#3e7355;padding:8px 13px;border-radius:100px;font-size:12px}.btn{border:0;border-radius:11px;padding:11px 17px;background:#66518f;color:white;font-weight:700}.btn.secondary{background:#f0edf5;color:#554677}.btn.danger{background:#a73752}.btn.small{padding:7px 11px;font-size:13px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #dcd6e5;background:#fff;border-radius:10px;padding:11px;color:#302d40}textarea{min-height:110px;resize:vertical}label{font-weight:650;font-size:14px;display:block;margin:12px 0 5px}.card{border:1px solid #e5e0ec;border-radius:14px;padding:17px;background:#fff}.flip{min-height:160px;width:100%;font-size:20px;font-weight:650;border:1px solid #ded7ed;border-radius:15px;background:#f3effb;color:#46396a;padding:22px}.item{padding:12px 0;border-bottom:1px solid #eeeaf1}.item:last-child{border:0}.item.done{text-decoration:line-through;color:#9a95a0}.notice{background:#fff7e9;border:1px solid #eed8af;padding:13px 16px;border-radius:12px;color:#6c5434}.error{color:#a12b45}.success{color:#32714b}.hidden{display:none}.navtoggle{display:none}.subject{color:#7a699c;font-size:12px}.progress{background:#e9e4ed;border-radius:99px;height:10px;overflow:hidden}.progress>div{height:100%;background:#9c86ce}.quizoption{display:block;width:100%;text-align:left;margin:7px 0;border:1px solid #ddd6ea;border-radius:10px;background:#fff;padding:12px}.quizoption.chosen{border-color:#6a5794;background:#f0eafa}.footer{color:#8c8595;font-size:12px;margin-top:28px}.checkline{display:flex;gap:10px;align-items:center;margin:12px 0}.checkline input{width:auto}blockquote{margin:0;padding:18px;border-left:4px solid #a997cf;background:#f8f5fd;border-radius:8px;font-size:20px}.timer{font-size:55px;font-weight:800;letter-spacing:3px}.empty{color:#837d8d;font-style:italic}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px}.content{padding:25px 4%}}@media(max-width:650px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:10px 14px}.logo{font-size:18px}.tagline{padding-bottom:9px}.navlist{display:none}.sidebar.open .navlist{display:block}.sidefoot{display:none}.navtoggle{display:inline-block}.top{padding:14px 5%}.grid{grid-template-columns:1fr}.content{padding:24px 5% 60px}.panel{padding:18px}.hero{padding:23px}}