:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#08090b;color:#f5f0e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#45301044,transparent 45%),#08090b}header,main,footer{max-width:1100px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6d542a66}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:.08em}.brand img{width:50px;height:50px;object-fit:contain}.brand b,em{color:#e7bb66}button,.start{background:#d7ad5d;color:#17120a;padding:12px 20px;border:0;border-radius:10px;font-weight:800;cursor:pointer;text-decoration:none}button{background:transparent;border:1px solid #d7ad5d;color:#f5d38e}h1{font-size:clamp(42px,8vw,82px);line-height:1.07;margin:18px 0}h2{font-size:clamp(26px,4vw,40px)}h3{font-size:22px}.hero{padding:75px 0 85px;max-width:800px}.hero p{font-size:clamp(18px,2.4vw,24px);line-height:1.65;color:#e0d4c0;margin-bottom:32px}.tag{font-size:13px;letter-spacing:.16em;color:#e7bb66;font-weight:800}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}article{padding:26px;border:1px solid #6d542a80;border-radius:18px;background:#181714}article p,.try p,.parents p{color:#d1c7b8;line-height:1.75;font-size:17px}.emoji{font-size:38px}.try,.parents{margin-top:55px;padding:26px;border:1px solid #6d542a80;border-radius:18px;background:#1c1811}.examples{display:flex;flex-wrap:wrap;gap:12px}.examples span{border:1px solid #c7a057;padding:14px;border-radius:12px;color:#ffe1a4}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid #6d542a66;margin-top:55px;color:#b9a78a;font-size:13px}footer a{color:#e7bb66}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:650px){header,main,footer{padding:16px}.cards{grid-template-columns:1fr}.hero{padding:50px 0}article{padding:22px}.brand{font-size:14px}}
/* Optional low-stimulation reading mode */
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-actions button{font-size:14px}.calm-mode,.calm-mode body{scroll-behavior:auto}.calm-mode{background:#101113;color:#f2f0e9}.calm-mode .hero,.calm-mode article,.calm-mode .try,.calm-mode .parents{background:#17191b;box-shadow:none}.calm-mode article,.calm-mode .try,.calm-mode .parents{border-color:#55585a}.calm-mode .hero p,.calm-mode article p,.calm-mode .try p,.calm-mode .parents p{color:#e5e3dd;font-size:clamp(19px,2.4vw,21px);line-height:1.9}.calm-mode .cards{gap:22px}.calm-mode button,.calm-mode .start{transition:none}.calm-mode *, .calm-mode *::before,.calm-mode *::after{animation:none!important;transition:none!important}.calm-mode .tag,.calm-mode h1 em,.calm-mode .brand b{color:#e9d5ad}@media(max-width:650px){.header-actions{gap:6px}.header-actions button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* CORA & Robi friends, accessible CSS mascot */
.friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 34px}.friend{margin:0;padding:18px;background:#181714;border:1px solid #85652f;border-radius:18px;display:flex;align-items:center;gap:16px;min-width:0}.friend img{width:112px;height:132px;object-fit:cover;border-radius:14px}.friend figcaption{display:flex;flex-direction:column;gap:8px;color:#e4d8c7;line-height:1.5}.friend strong{color:#f2c66e;font-size:21px}.robi-robot{position:relative;flex:none;width:110px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center}.robi-antenna{position:absolute;top:0;width:7px;height:16px;background:#d9dce3;border-radius:4px}.robi-antenna:before{content:"";position:absolute;top:-4px;left:-3px;width:13px;height:9px;background:#f2c66e;border-radius:50%}.robi-face{position:relative;z-index:1;width:94px;height:73px;background:#101b27;border:9px solid #f3f4f7;border-radius:28px;display:flex;justify-content:center;align-items:center;gap:18px;box-shadow:0 4px 12px #0008}.robi-face i{width:13px;height:19px;border-radius:50%;background:#7de6ff;box-shadow:0 0 12px #48d9ff}.robi-smile{position:absolute;bottom:11px;width:21px;height:9px;border-bottom:3px solid #7de6ff;border-radius:50%}.robi-body{width:74px;height:46px;margin-top:-3px;border-radius:15px 15px 22px 22px;background:linear-gradient(#fff,#bfc7d0);box-shadow:0 5px 12px #0005}.safety{margin-top:55px}.safety>p{font-size:18px;line-height:1.7;color:#ded3c2}.safety-note{border-left:4px solid #d7ad5d;padding:12px 18px;background:#201b13;border-radius:8px}@media(max-width:750px){.friends{grid-template-columns:1fr}.friend img{width:95px;height:110px}.robi-robot{width:95px}}

.robi-game{margin-top:55px;padding:26px;border:1px solid #9a783a;border-radius:18px;background:#171714}.robi-game>p{color:#e2d7c5;line-height:1.7;font-size:17px}.quiz-panel{background:#242019;border-radius:16px;padding:24px}.quiz-progress{font-weight:700;color:#f0c87b}.quiz-answers{display:grid;gap:12px}.quiz-answers button{width:100%;text-align:left;background:#322a1c;color:#fff3db;border:1px solid #ac8746;font-size:17px;line-height:1.5;min-height:55px}.quiz-answers button:disabled{opacity:.75;cursor:default}.quiz-answers button.chosen{background:#695026;border-color:#f1d087}.quiz-feedback{min-height:45px;line-height:1.6;color:#f8e2b5;font-weight:650}#robi-next{background:#d7ad5d;color:#17120a}.quiz-disclaimer{font-size:15px!important}@media(max-width:650px){.robi-game{padding:18px}.quiz-panel{padding:16px}}

/* CORA & Robi discovery world */
.discovery{margin-top:60px}.discovery-intro{color:#ded3c2;line-height:1.75;font-size:18px}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.discovery details{border:1px solid #81632f;border-radius:16px;background:#181714;overflow:hidden}.discovery summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:22px;color:#ffe1a4;font-weight:800;font-size:19px;min-height:100px;list-style:none}.discovery summary::-webkit-details-marker{display:none}.discovery summary::after{content:'+';margin-left:auto;font-size:25px}.discovery details[open] summary::after{content:'−'}.discovery summary:focus-visible{outline:3px solid #fff;outline-offset:-4px}.discovery-icon{font-size:34px}.discovery-content{padding:0 22px 22px;color:#e5d9c7;line-height:1.75;font-size:17px}.discovery-content p:last-child{background:#282114;border-left:3px solid #e7bb66;border-radius:6px;padding:12px}.discovery-promise{margin-top:20px;padding:22px;border:1px solid #98743c;border-radius:16px;background:#211c13}.discovery-promise strong{color:#f2c66e;font-size:20px}.discovery-promise p{line-height:1.75;color:#e8dccb}@media(max-width:650px){.discovery-grid{grid-template-columns:1fr}.discovery summary{min-height:80px;padding:18px}}

/* Robi question world: offline, prewritten answers */
.question-world{margin-top:60px;padding:26px;border:1px solid #96743c;border-radius:18px;background:#181714}.question-world>p{font-size:17px;line-height:1.7;color:#e2d8c7}.question-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.question-tabs button{border-radius:24px;padding:11px 15px;min-height:44px}.question-tabs button[aria-pressed=true]{background:#d7ad5d;color:#17120a}.question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-list button{text-align:left;line-height:1.5;min-height:65px;background:#292319;color:#f8e7c7}.question-answer{margin-top:20px;padding:22px;border:1px solid #b78b46;border-radius:14px;background:#282115;color:#f3e7d2;line-height:1.7}.question-answer h3{color:#f4cc7e;margin-top:0}.question-answer strong{color:#f4cc7e}.question-note{font-size:15px!important}.calm-mode .question-world,.calm-mode .question-answer{background:#17191b;border-color:#666}@media(max-width:650px){.question-world{padding:18px}.question-list{grid-template-columns:1fr}}