:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#253651;background:#f5f8ff}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:13px;padding:14px max(18px,calc((100vw - 1080px)/2));background:white;border-bottom:1px solid #e7edfa}header img{width:47px;height:47px;object-fit:contain}header strong{font-size:22px;color:#243e8c}header small{display:block;font-size:11px;color:#7483a0}.grow{flex:1}main{max-width:1080px;margin:28px auto;padding:0 18px}.panel{background:white;border:1px solid #e8edfa;border-radius:23px;padding:26px;margin-bottom:20px;box-shadow:0 6px 20px #1c4a8a0a}.login{max-width:420px;margin:45px auto;text-align:center}.login label{text-align:left}.emoji{font-size:44px}h1{font-size:25px;margin:9px 0}h2{font-size:19px;margin:0 0 15px}h3{font-size:15px}p{color:#687993}label{display:block;font-weight:600;font-size:13px;margin:14px 0}input,select{display:block;width:100%;margin:7px 0 10px;padding:12px 13px;border:1px solid #dce4f4;border-radius:12px;background:#fff;font:inherit;color:#263a5d}button{background:#456ce0;border:0;color:white;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.96)}button.secondary{background:#edf2ff;color:#4160aa}.login button{width:100%}.hero{background:linear-gradient(120deg,#e7edff,#e9f8f1);display:flex;justify-content:space-between;align-items:center}.hero h1{color:#23458c}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:#6076a7}.runner{font-size:65px}.tabs{display:flex;gap:10px;margin:15px 0 22px}.tabs .selected{background:#456ce0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.area{border-radius:19px;padding:20px;min-height:160px}.area .big{font-size:31px}.area h3{font-size:17px;margin:10px 0 3px}.area p{font-size:12px;margin:4px 0}.area.vocab{background:#fff2d5}.area.text{background:#e0efff}.area.grammar{background:#f0e4ff}.area.reading{background:#dff7e9}.tag{display:inline-block;margin-top:12px;background:#ffffff9c;padding:5px 10px;border-radius:20px;font-size:11px}.race-row{display:flex;align-items:center;gap:12px;margin:12px 0}.race-row strong{width:35px}.track{flex:1;background:#edf1f7;border-radius:20px;height:26px;overflow:hidden}.progress{height:100%;min-width:0;background:#a9d8cb;border-radius:20px;position:relative;transition:width .3s}.runner-icon{position:absolute;right:0;top:3px}.pct{width:48px;text-align:right;font-weight:700;font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto}.muted,.msg{font-size:12px;color:#7b8aa1}.msg{color:#b44c55}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #eef1f8;padding:12px 8px}th{color:#687d9d}td button{padding:7px 9px;font-size:11px}footer{text-align:center;color:#8895ad;padding:28px;font-size:12px}footer span{display:block;margin-top:5px}@media(max-width:700px){main{margin:14px auto}.panel{padding:18px;border-radius:17px}.cards{grid-template-columns:repeat(2,1fr)}.area{padding:15px;min-height:150px}.hero h1{font-size:20px}.runner{font-size:38px}.two{grid-template-columns:1fr;gap:5px}header strong{font-size:19px}.login{margin:16px auto}}