:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#25233c;background:#f5f4fb}*{box-sizing:border-box}body{margin:0;padding:24px 12px}.shell{max-width:760px;margin:auto;background:white;border:1px solid #e6e3f0;border-radius:22px;overflow:hidden;box-shadow:0 12px 38px #26224b12}header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:#f0edff}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:24px}.brand small{display:block;color:#77718e;font-size:12px}.logo{background:#6555cc;color:white;border-radius:13px;padding:9px 14px;font-size:26px}.pill{background:#e0f4e9;color:#23794b;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}nav{display:flex;gap:8px;background:#f0edff;padding:0 24px 16px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 17px;background:#6555cc;color:white;font-weight:650}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}nav button,.secondary{background:white;color:#544a8c;border:1px solid #ddd7f2}nav button.active{background:#6555cc;color:white}main{padding:28px 24px;min-height:460px}h1{font-size:25px;margin:0 0 8px}h2{font-size:19px;margin:8px 0}p{line-height:1.5;color:#716b81}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;padding:12px;border:1px solid #dcd8e9;border-radius:10px;background:white;font:inherit;color:#29243d}textarea{min-height:90px;resize:vertical}.field{margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{padding:18px;border:1px solid #e2deec;border-radius:15px;margin:12px 0}.muted{color:#77718e;font-size:13px}.stat{font-size:28px;font-weight:800;margin:6px 0}.choice{width:100%;display:flex;text-align:left;gap:12px;align-items:center;margin:9px 0;padding:15px;border:1px solid #ddd8e8;background:white;color:#29243d}.choice.selected{border:2px solid #6555cc;background:#f2efff}.letter{border:1px solid #ded9ea;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1}.bar{height:8px;background:#ebe7f5;border-radius:10px;overflow:hidden;margin:14px 0}.bar span{display:block;background:#6555cc;height:100%;transition:width .2s}.topic{font-size:12px;color:#6555cc;font-weight:700}.review{border-left:4px solid #6555cc;padding:12px 16px;background:#f8f7fc;margin:12px 0;border-radius:8px}.review.wrong{border-left-color:#d05b67}footer{text-align:center;background:#f5f3fc;padding:18px;font-size:12px;color:#77718e}.notice{padding:13px;background:#f4f0ff;border-radius:10px;font-size:13px;color:#51487a}.subject{background:#fff;border:1px solid #ddd8e8;color:#3e365b;text-align:left;min-height:95px}.subject:hover{border-color:#6555cc}@media(max-width:480px){body{padding:0}.shell{border-radius:0;min-height:100vh}main{padding:22px 17px}header{padding:17px}nav{padding:0 17px 14px}nav button{font-size:12px;padding:10px}.grid{gap:10px}.brand strong{font-size:21px}}