.ai-lab{--ink:#193e48;--teal:#007f80;--cream:#f8f6ed;color:var(--ink);padding-bottom:60px}.ai-hero{display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(115deg,#e1f0e9,#f9f5df);padding:44px;border-radius:30px;border:1px solid #d3e4d9}.ai-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.5;margin:12px 0}.ai-hero em{font-style:normal;color:var(--teal)}.ai-hero p{font-size:18px}.ai-pill{display:inline-block;background:#fff9;border:1px solid #cbdcd6;border-radius:30px;padding:8px 15px;font-size:13px}.ai-robot{width:230px;text-align:center;flex-shrink:0;transform:rotate(-5deg)}.ai-antenna{height:35px;width:7px;background:#216971;margin:auto;position:relative}.ai-antenna:before{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#edb84f;top:-12px;left:-7px}.ai-face{background:#fff;border:7px solid #216971;border-radius:45px;padding:30px 25px 15px;box-shadow:12px 14px 0 #b6d8c8;display:flex;flex-wrap:wrap;justify-content:space-around}.ai-face i{display:block;width:35px;height:40px;background:#193e48;border-radius:20px}.ai-face span{font-size:50px;line-height:1;width:100%}.ai-robot small{display:block;margin-top:28px}.ai-grades{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ai-grades a{flex:1;min-width:80px;padding:12px;text-align:center;background:white;border:1px solid #c8d8d7;border-radius:12px;color:var(--ink)}.ai-grades a[aria-current]{background:var(--teal);color:white}.ai-panel{padding:28px;background:#fff;border:1px solid #d7e2de;border-radius:20px;margin:20px 0}.ai-heading,.ai-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ai-heading h2{margin:6px 0}.ai-lab label,.ai-lab legend{font-weight:700}.ai-lab select,.ai-lab textarea{font:inherit;color:var(--ink);width:100%;max-width:100%;padding:12px;border:1px solid #aabfbc;border-radius:10px;background:#fff;margin-top:8px}.ai-identity>div{flex:1;min-width:220px}.ai-identity p,.ai-caption{font-size:13px;color:#536d74}.ai-lab fieldset{display:flex;flex-wrap:wrap;gap:20px;border:1px solid #d1e0da;border-radius:10px;margin:20px 0 0;padding:16px}.ai-lab input[type=checkbox]{accent-color:var(--teal);width:20px;height:20px;vertical-align:middle}.ai-tip{padding:15px;background:#fff5d9;border-radius:12px;color:#604b1d}.ai-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.ai-sample{border:1px solid #d2dfdc;border-radius:15px;padding:15px;text-align:center;background:#fafcfb;min-width:0}.ai-sample svg{display:block;margin:5px auto;width:100px;height:100px;max-width:100%}.ai-sample p{font-size:12px;margin:5px 0}.ai-labels{display:flex;gap:5px;justify-content:center;margin-top:12px}.ai-labels button{font:inherit;background:white;color:var(--ink);border:1px solid #a7c0ba;border-radius:8px;padding:6px 12px;cursor:pointer}.ai-labels button[aria-pressed=true]{background:var(--teal);color:white}.ai-sample.correct{border-bottom:4px solid #157452}.ai-sample.wrong{border-bottom:4px solid #ad4935}.ai-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ai-lab button{font:inherit;cursor:pointer}.ai-lab button:disabled{opacity:.55;cursor:wait}.ai-lab :focus-visible{outline:3px solid #008c92;outline-offset:4px}.ai-score{background:#e7f2ec;border-radius:16px;padding:20px}.ai-score strong{font-size:30px}.ai-lab [hidden]{display:none!important}.ai-lab summary{cursor:pointer;font-weight:700}.ai-report-wrap{overflow-x:auto}.ai-report{width:100%;border-collapse:collapse;min-width:700px}.ai-report th,.ai-report td{padding:12px;text-align:right;border-bottom:1px solid #d7e2de;vertical-align:top}.ai-report td{max-width:230px;overflow-wrap:anywhere}.ai-report small{display:block}.ai-report-filter{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.ai-report-filter label{flex:1;min-width:140px}@media(max-width:700px){.ai-hero{padding:25px;gap:15px}.ai-robot{width:125px}.ai-face{padding:20px 10px 10px;border-width:5px;border-radius:25px}.ai-face i{width:20px;height:25px}.ai-face span{font-size:32px}.ai-robot small{font-size:11px}.ai-panel{padding:18px}.ai-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-hero .ai-pill{font-size:11px}.ai-hero p{font-size:14px}.ai-actions .button{width:100%;justify-content:center}}@media(max-width:390px){.ai-robot{display:none}}