:root{color-scheme:dark;font:16px system-ui,sans-serif;color:#eafff3;background:#091b24}body{max-width:1180px;margin:auto;padding:clamp(16px,3vw,38px);line-height:1.55;background:radial-gradient(circle at 90% 2%,#194f43,transparent 45%)}a{color:#a5e8cb}header{padding:clamp(22px,4vw,45px);border:1px solid #4f947f;border-radius:16px;background:#0d3031;margin:20px 0}header h1{font-size:clamp(35px,5vw,62px);line-height:1.1;letter-spacing:-.035em;margin:12px 0}header p{max-width:760px}.robotics-back{display:inline-flex;margin-bottom:14px}.robotics-eyebrow{display:block;color:#ffdda0;font:800 12px ui-monospace,monospace;letter-spacing:.1em}nav#tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}nav#tabs button{min-height:55px;background:#123b35;color:#eafff3;border:1px solid #528e7b;border-radius:9px;padding:12px;cursor:pointer}nav#tabs button[aria-pressed=true]{background:#265744;border-color:#f3c484;color:#fff}main section{background:#102d30;border:1px solid #477e71;border-radius:12px;padding:clamp(18px,3vw,30px);margin:18px 0}form{grid-template-columns:repeat(2,minmax(0,1fr))}input{width:100%;background:#09252c;color:#fff;border:1px solid #74ab96;border-radius:6px;min-height:45px}output{color:#ffdfa4;font:750 15px ui-monospace,monospace;overflow-wrap:anywhere;line-height:1.9}svg{width:100%;max-height:280px;background:#0a2429;border:1px solid #457c6f}button#export{background:#235c46;color:#fff;border:1px solid #a3e7c5}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffd18a;outline-offset:3px}.robotics-note{font-size:13px;color:#c4dfd3;margin:16px 0}footer{border-top:1px solid #44796e;padding:25px 0;color:#c8e2d5}@media(max-width:800px){nav#tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){nav#tabs,form{grid-template-columns:1fr}header{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#challenge-section{border-color:#83b69a;background:linear-gradient(135deg,#153d35,#0b2b30)}#challenge-section h2{font-size:clamp(24px,3vw,34px)}#challenge-form{display:flex;align-items:end;gap:13px;flex-wrap:wrap}#challenge-form label{min-width:200px;flex:1}#challenge-form button,#challenge-hint{min-height:44px;border:1px solid #9be4bf;border-radius:7px;background:#1b5542;color:#fff;cursor:pointer;padding:9px 15px}#challenge-feedback{padding:13px 15px;border-radius:7px;background:#102f30;min-height:44px}#challenge-feedback[data-result=correct]{border-left:4px solid #a4e7b9}#challenge-feedback[data-result=retry],#challenge-feedback[data-result=invalid]{border-left:4px solid #f4c18d}#challenge-hint-text{padding:12px 15px;border:1px solid #609f87;border-radius:6px;background:#0e3430}#challenge-hint-text[hidden]{display:none}