.arc-root{--arc:#176b72;--arc-light:#e8f5f3;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#20323a;max-width:1150px;margin:24px auto;line-height:1.55}.arc-root *{box-sizing:border-box}.arc-root .arc-hero{background:linear-gradient(120deg,#12545f,#258b85);color:white;padding:30px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.arc-root h2{font-size:clamp(25px,4vw,38px);margin:5px 0}.arc-root h3{font-size:21px;margin:0 0 12px}.arc-root p{margin:8px 0 16px}.arc-root .arc-kicker{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase} .arc-root .arc-score{text-align:center;min-width:105px} .arc-root .arc-score strong{display:block;font-size:28px} .arc-root .arc-score small{display:block} .arc-root .arc-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.arc-root button{cursor:pointer;border:0;background:var(--arc);color:#fff;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:650}.arc-root button:disabled{opacity:.55;cursor:wait} .arc-root .arc-weeks button{background:#e9f1f2;color:#22545a} .arc-root .arc-weeks button.active{background:var(--arc);color:white} .arc-root .arc-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px} .arc-root .arc-main,.arc-aside{min-width:0} .arc-root .arc-panel{background:#fff;border:1px solid #dce7e9;border-radius:15px;padding:22px;margin-bottom:16px;box-shadow:0 3px 14px #183f4708} .arc-root .arc-formula{background:var(--arc-light);border-radius:9px;padding:14px;font-weight:650;overflow-wrap:anywhere} .arc-root .arc-exercise{padding:16px 0;border-bottom:1px solid #e6ecec} .arc-root .arc-exercise:last-child{border-bottom:0}.arc-root input,.arc-root select,.arc-root textarea{display:block;width:100%;border:1px solid #b8c9cd;border-radius:9px;padding:11px;font:inherit;background:white;color:#20323a;margin:6px 0 10px} .arc-root .arc-exercise input{max-width:250px} .arc-root .arc-feedback{font-size:14px;margin-top:8px} .arc-root .arc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.arc-root label{font-size:13px;font-weight:650} .arc-root .arc-result{font-weight:700;background:var(--arc-light);padding:15px;border-radius:9px;margin:15px 0} .arc-root .arc-bar-line{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:13px} .arc-root .arc-bar-line span{width:75px;flex-shrink:0} .arc-root .arc-bar{background:#e9f0f0;border-radius:6px;flex:1;height:14px;overflow:hidden} .arc-root .arc-bar i{display:block;height:100%;background:#238d83;border-radius:6px} .arc-root .arc-chat{height:290px;overflow-y:auto;background:#f5f9f9;border-radius:10px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:9px} .arc-root .arc-bubble{font-size:14px;padding:10px 12px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:95%} .arc-root .arc-bubble.ai{background:#e0eeed;align-self:flex-start} .arc-root .arc-bubble.student{background:#176b72;color:white;align-self:flex-end}.arc-root small{font-size:12px;color:#61757a}.arc-root .arc-secondary{background:#e8f0f1;color:#22545a} .arc-root .arc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.arc-columns{grid-template-columns:1fr}.arc-root .arc-hero{padding:20px} .arc-root .arc-weeks{grid-template-columns:repeat(2,1fr)} .arc-root .arc-fields{grid-template-columns:1fr} .arc-root .arc-panel{padding:16px}}