:root{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#305c48 0,transparent 55%),#102820;color:#f5f2e8;font-family:Arial,sans-serif;min-height:100vh}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;border-bottom:1px solid #ffffff20}header a{font-size:25px;text-decoration:none;color:inherit}header b{font-size:12px;color:#bed7a1;margin-left:12px}header>span,footer,nav,.eyebrow{font-size:11px;letter-spacing:.14em}main{position:relative;width:min(960px,90vw);margin:48px auto;padding:0}nav{color:#bed7a1;margin-bottom:32px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,58px);line-height:1.12;max-width:900px;margin:12px 0 24px}h1:focus{outline:none}.lead{font-size:19px;line-height:1.65;max-width:760px}.muted{color:#bbcabf;font-size:13px;line-height:1.6}.choices{display:grid;gap:12px;margin-top:28px}.choices button{display:grid;grid-template-columns:42px 1fr;text-align:left;gap:4px 12px;background:#ffffff0a;border:1px solid #ffffff40;color:inherit;border-radius:12px;padding:20px;font-size:17px}.choices small{grid-column:2;font-size:14px;color:#c4d1c7}.letter{grid-row:span 2;color:#c7e2a5}button,.primary{cursor:pointer;display:inline-block;background:#d1e4b8;color:#16251c;border:0;border-radius:8px;padding:16px 22px;margin:14px 12px 0 0;font-size:15px;text-decoration:none}button:hover,.primary:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #ecdc91;outline-offset:4px}.personal{padding:16px;border-left:3px solid #d1e4b8;background:#ffffff08}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{padding:22px;background:#ffffff09;border:1px solid #ffffff25;border-radius:12px;margin:16px 0}.grid .card{margin:0}.card h3{font-size:16px;color:#d1e4b8;margin:0 0 12px}.card p{font-size:15px;line-height:1.65;margin:0}.bar-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:24px 0;gap:12px}.track{width:100%;height:10px;border-radius:12px;background:#ffffff15;overflow:hidden}.track div{height:100%;background:#c9dfa9}.orbit{display:flex;justify-content:space-around;gap:12px;margin:45px 0}.orbit span{padding:25px 14px;border:1px solid #c9dfa9;border-radius:50%;animation:arrive .9s ease both}.orbit span:nth-child(2){animation-delay:.15s}.orbit span:nth-child(3){animation-delay:.3s}@keyframes arrive{from{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}footer{position:relative;padding:24px 5vw;color:#b6c8bc;letter-spacing:.02em}#error{color:#ffd6b9}body[data-scene=cockpit]{background:radial-gradient(ellipse at top right,#42644b,transparent 65%),#132b23}@media(max-width:600px){header>span{display:none}main{margin-top:28px}.grid{grid-template-columns:1fr}.orbit{gap:5px}.orbit span{font-size:12px;padding:20px 8px}h1{font-size:35px}.lead{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

#scene label{display:block;margin:24px 0 10px;font-weight:600}#scene textarea{box-sizing:border-box;width:100%;padding:16px;border:1px solid #ffffff60;border-radius:10px;background:#ffffff0d;color:inherit;font:inherit;font-size:17px;line-height:1.6;resize:vertical}#scene textarea::placeholder{color:#bdccc2}

/* Public 90-second learning sequence; scoped to keep the previous demo readable. */
body[data-edu-version="2"]{color-scheme:light;background:#f5f5ee;color:#153e30;font-family:Arial,sans-serif}
body[data-edu-version="2"] header{border-color:#153e3020;padding:22px 5vw}
body[data-edu-version="2"] header b,body[data-edu-version="2"] nav,body[data-edu-version="2"] .eyebrow{color:#40654b}
body[data-edu-version="2"] main{max-width:880px;margin:32px auto}
body[data-edu-version="2"] h1{font-family:Arial,sans-serif;font-weight:650;font-size:clamp(28px,3.5vw,43px);letter-spacing:-.035em;line-height:1.12;margin:12px 0 20px}
body[data-edu-version="2"] .lead{font-size:17px;line-height:1.5;margin:12px 0 20px}
body[data-edu-version="2"] .material-grid,body[data-edu-version="2"] .review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-edu-version="2"] .card{background:white;border:1px solid #d6dfd5;margin:0 0 14px;padding:20px;border-radius:16px}
body[data-edu-version="2"] .card h3{color:#214d37}body[data-edu-version="2"] .card small{display:block;color:#657366;margin-top:14px;font-size:12px;line-height:1.5}
body[data-edu-version="2"] .muted,body[data-edu-version="2"] footer{color:#536958}
body[data-edu-version="2"] .choices{grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:16px}
body[data-edu-version="2"] .choices button{display:block;background:white;border:1px solid #759b70;font-size:15px;padding:16px;margin:0}
body[data-edu-version="2"] button,body[data-edu-version="2"] .primary{background:#cced94;color:#193e2b;font-weight:600}
body[data-edu-version="2"] .secondary{display:inline-block;background:transparent;color:#28553b;border:1px solid #a8b9a2;padding:15px 20px;border-radius:8px;font-size:14px;text-decoration:none;margin:14px 12px 0 0}
body[data-edu-version="2"] .personal,body[data-edu-version="2"] .goal{background:#e7eddf;border-left:3px solid #78a657;padding:14px;line-height:1.5}
body[data-edu-version="2"] #scene textarea{background:white;color:#153e30;border-color:#92a48e;min-height:100px}
body[data-edu-version="2"] #scene textarea::placeholder{color:#6f7e70}
body[data-edu-version="2"] .feedback-card{border-color:#8ca775;background:#f0f7e8}
body[data-edu-version="2"] .material-details{margin-top:24px}body[data-edu-version="2"] summary{cursor:pointer;margin-bottom:14px;font-size:14px}
body[data-edu-version="2"] :focus-visible{outline:3px solid #3b7147}body[data-edu-version="2"] #error{color:#a02c21}
@media(max-width:600px){body[data-edu-version="2"] .material-grid,body[data-edu-version="2"] .review-grid,body[data-edu-version="2"] .choices{grid-template-columns:1fr}body[data-edu-version="2"] header>span{display:block;font-size:9px;letter-spacing:.03em;text-align:right;max-width:120px}body[data-edu-version="2"] main{margin-top:24px}body[data-edu-version="2"] .card{padding:16px}body[data-edu-version="2"] button{max-width:100%;line-height:1.4}}

body[data-edu-version="2"] .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 12px}
body[data-edu-version="2"] h1:focus{outline:none}
@media(max-width:600px){body[data-edu-version="2"] .benefit-grid{grid-template-columns:1fr;gap:0}}

body[data-edu-version="2"][data-scene="end"] main{max-width:1120px}
body[data-edu-version="2"] .screenshot-card{display:flex;flex-direction:column;min-width:0}
body[data-edu-version="2"] .screenshot-card>p{min-height:74px}
body[data-edu-version="2"] .screenshot-preview{display:block;width:100%;padding:0;margin:16px 0 12px;background:#f5f5ee;border:1px solid #d6dfd5;border-radius:10px;overflow:hidden;text-align:left}
body[data-edu-version="2"] .screenshot-preview img{display:block;width:100%;aspect-ratio:1.95;object-fit:contain;background:#fff}
body[data-edu-version="2"] .screenshot-preview span{display:block;padding:12px;font-size:13px}
body[data-edu-version="2"] .screenshot-card>small{font-size:12px;line-height:1.5;color:#536958}
.edu-screenshot-dialog{box-sizing:border-box;width:min(1400px,96vw);max-height:94vh;padding:20px;border:1px solid #d6dfd5;border-radius:16px;background:#f5f5ee;color:#153e30;overflow:auto}
.edu-screenshot-dialog::backdrop{background:#102820b8}
.edu-screenshot-dialog .screenshot-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.edu-screenshot-dialog h2{font-size:22px;margin:0}
body[data-edu-version="2"] .edu-screenshot-dialog .screenshot-heading button{margin:0}
.edu-screenshot-dialog>img{display:block;width:100%;max-height:70vh;object-fit:contain;background:white;border:1px solid #d6dfd5}
@media(max-width:600px){body[data-edu-version="2"] .screenshot-card>p{min-height:0}.edu-screenshot-dialog{padding:12px}.edu-screenshot-dialog h2{font-size:19px}}