*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(125deg,#e9f8ff,#f7eefe 65%,#fef5e9);color:#25345d}.shell{max-width:1020px;margin:auto;padding:30px 18px 45px}header{background:linear-gradient(120deg,#5a58d6,#7a69e9 55%,#3bbdc5);color:white;border-radius:26px;display:flex;justify-content:space-between;align-items:center;padding:35px 40px;box-shadow:0 15px 30px #5f60ad28}header h1{font-size:36px;margin:10px 0}header p{margin:0;line-height:1.8}.eyebrow{background:#ffffff2d;padding:8px 14px;border-radius:50px;font-size:14px}.star{font-size:75px}.progress-card,.chat{background:#fff;border-radius:22px;padding:23px;margin-top:20px;box-shadow:0 8px 30px #34427212}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.progress-label span{font-size:24px;color:#5e55d8;font-weight:700}.bar{height:17px;background:#e7e9f8;border-radius:40px;overflow:hidden}.bar>div{background:linear-gradient(90deg,#31c6ae,#6c6ce7);width:0;height:100%;transition:width .35s}.progress-card small{color:#687392;display:block;margin-top:10px}h2{font-size:21px;margin:28px 4px 17px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.topic{border:2px solid transparent;border-radius:17px;background:white;cursor:pointer;padding:19px 10px;display:flex;gap:7px;align-items:center;flex-direction:column;font:700 16px Tahoma,Arial;color:#29365c;box-shadow:0 6px 22px #34427210}.topic .emoji{font-size:31px}.topic small{font-size:12px;color:#7d8aa1}.topic:hover,.topic.active{border-color:#6864dc;background:#f4f2ff}.topic.complete{border-color:#4bc6ab}.chat{padding:0;overflow:hidden}.chat-top{display:flex;gap:11px;align-items:center;padding:19px 22px;border-bottom:1px solid #edf0f7}.avatar{background:#eae8ff;border-radius:14px;padding:13px;font-size:26px}.chat-top strong,.chat-top small{display:block}.chat-top small{font-size:12px;color:#7b85a0;margin-top:5px}.online{margin-right:auto;color:#149d7e;font-size:12px}.messages{height:320px;overflow-y:auto;padding:23px;display:flex;flex-direction:column;gap:13px;background:#fcfdff}.bubble{max-width:82%;line-height:1.9;padding:13px 17px;border-radius:19px;font-size:15px;white-space:pre-wrap}.bot{background:#edeffd;align-self:flex-start;border-top-right-radius:5px}.student{background:#d8f7ee;align-self:flex-end;border-top-left-radius:5px}form{display:flex;gap:10px;padding:17px;border-top:1px solid #eef0f6}input{flex:1;min-width:0;border:2px solid #e7eaf2;border-radius:14px;padding:15px;font:15px Tahoma;outline:none}input:focus{border-color:#6d6adb}form button{border:0;border-radius:14px;background:#6865df;color:white;padding:0 22px;font-weight:bold;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 3px;font-size:13px;color:#69758a}#reset{background:transparent;border:1px solid #c9cde2;border-radius:11px;padding:10px 14px;cursor:pointer;color:#4c557a}.disclaimer{color:#777f92;font-size:12px;line-height:1.8}@media(max-width:620px){header{padding:25px 20px}header h1{font-size:28px}.star{font-size:45px}.topics{grid-template-columns:repeat(2,1fr)}.online{display:none}footer{flex-direction:column;align-items:start}.bubble{max-width:94%}}