:root{--ink:#173a33;--green:#2d725e;--deep:#173f35;--orange:#f06f46;--cream:#f7f4ec;--paper:#fffdf8;--line:#ddd9cf;--muted:#687a74;--yellow:#f1c542;--red:#be5442}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh}.eyebrow{margin:0 0 7px;color:#9d765d;font-size:10px;font-weight:800;letter-spacing:.16em}.topbar{height:76px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center}.brand{display:flex;gap:10px}.brand>span{width:43px;height:43px;display:grid;place-items:center;color:white;background:var(--green);border-radius:13px}.brand>div{display:grid}.brand strong{font-size:14px}.brand small{color:var(--muted);font-size:9px}.topbar nav{display:flex;padding:4px;background:#ece9e2;border-radius:11px}.topbar nav button{padding:9px;display:flex;align-items:center;gap:5px;border:0;background:transparent;border-radius:8px;color:#75817d;font-size:9px;font-weight:700}.topbar nav button.active{background:white;color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.08)}.score{justify-self:end;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:white}.score svg{color:#b9821e}.score>span{min-width:40px;display:grid}.score small{font-size:7px;color:#8c9591}.score strong{font-size:13px}.hero{padding:42px 5vw 34px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:7vw;gap:7vw;align-items:end;max-width:1500px;margin:auto}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(45px,5vw,74px);line-height:.98;font-weight:400}.hero h1 em{color:var(--green);font-weight:400}.hero>div:last-child>p{margin:0 0 15px;color:#536862;font-size:15px;line-height:1.55}.target{padding:12px 14px;display:flex;gap:9px;align-items:flex-start;background:#fff2d5;border:1px solid #ead89f;border-radius:11px;font-size:11px;line-height:1.4}.target svg{flex:none;color:#ae7818}.target span,.workspace{display:grid}.workspace{min-height:650px;grid-template-columns:240px minmax(580px,1fr) 220px;border-top:1px solid var(--line)}.reference,.status{padding:24px 19px;background:var(--paper)}.reference{border-right:1px solid var(--line)}.status{border-left:1px solid var(--line)}.reference h2{margin:0;font-family:Georgia,serif;font-size:25px;font-weight:400}.reference-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7px;gap:7px;margin:16px 0}.reference-list>div{padding:9px;display:grid;grid-gap:3px;gap:3px;background:#f0f3ef;border-radius:8px}.reference-list code{font:700 14px Consolas,monospace;color:var(--orange)}.reference-list span{color:var(--muted);font-size:8px}.assignment{padding:12px;background:var(--deep);color:white;border-radius:9px}.assignment strong{font-size:9px}.assignment p{margin:5px 0 10px;color:#bed2cb;font-size:8px}.assignment p:last-child{margin-bottom:0}.assignment code{color:#ffbea6}.word-list{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.word-list>div{display:grid;grid-template-columns:36px 1fr;grid-gap:8px;gap:8px;align-items:center}.word-list code{font:700 11px Consolas,monospace;color:var(--green)}.word-list p{margin:0;color:var(--muted);font-size:8px}.tip{padding:11px;display:flex;gap:8px;background:#fff2d6;border:1px solid #ecd79e;border-radius:9px}.tip svg{flex:none;color:#ae7818}.tip p{margin:0;color:#71665d;font-size:8px;line-height:1.45}.tip strong{display:block;color:var(--ink);margin-bottom:4px}.stage{padding:29px clamp(22px,3vw,48px) 55px;background-image:radial-gradient(#d8d5cc 1px,transparent 0);background-size:18px 18px}.stage-title{margin-bottom:18px}.stage-title h2{margin:0;font-family:Georgia,serif;font-size:30px;font-weight:400}.stage-title>p:last-child{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.card{padding:20px;background:rgba(255,253,248,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 15px rgba(23,58,50,.04)}.number-inputs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.number-inputs label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.number-inputs input{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;font:700 17px Consolas,monospace}.operator-grid{margin:16px 0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:7px;gap:7px}.operator-grid button{min-height:67px;padding:8px 4px;display:grid;place-items:center;grid-gap:4px;gap:4px;background:#f3f2ec;border:1px solid var(--line);border-radius:9px}.operator-grid code{font:700 18px Consolas,monospace;color:var(--green)}.operator-grid span{font-size:7px;color:var(--muted);text-align:center}.operator-grid button.selected{background:#e4f0e7;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.evaluation{padding:18px;display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center;background:var(--deep);color:white;border-radius:11px}.evaluation small{grid-column:1/-1;color:#9fc0b5;font-size:8px;letter-spacing:.1em}.evaluation>code{font:22px Consolas,monospace}.evaluation em{color:#ffad8f;font-style:normal}.evaluation>span{font-size:8px;color:#aac3ba}.evaluation>strong{grid-column:1/-1;padding:10px;text-align:center;border-radius:8px;font:700 20px Consolas,monospace}.true,.yes{background:#dff0e4!important;color:#23634f!important}.false,.no{background:#fff0e8!important;color:#a84e3b!important}.explain{margin-top:12px;padding:11px;display:flex;gap:8px;align-items:center;background:#eef4ee;border-radius:9px}.explain svg{flex:none;color:var(--green)}.explain p{margin:0;color:#536a62;font-size:9px}.truth-wrap{overflow-x:auto}.truth-wrap table{width:100%;border-collapse:collapse;text-align:center}.truth-wrap th{padding:10px 8px;color:#6f7e79;font-size:8px;letter-spacing:.05em;border-bottom:2px solid var(--line)}.truth-wrap td{padding:12px 7px;border-bottom:1px solid var(--line);font:700 10px Consolas,monospace}.truth-wrap td.no,.truth-wrap td.yes{background:transparent!important}.rules{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.rules>div{padding:12px;background:#f1f2ec;border-radius:9px}.rules strong{font-size:9px}.rules p{margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.logic-controls,.mini-toggles{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:11px;gap:11px;align-items:center}.mini-toggles{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.toggle{padding:17px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;grid-gap:4px;gap:4px}.toggle.on{background:#e2f0e6;border-color:#70a889}.toggle.off{background:#fff0e8;border-color:#d99b88}.toggle small{font-size:8px}.toggle strong{font:700 18px Consolas,monospace}.toggle span{color:var(--muted);font-size:7px}.logic-op{padding:4px;display:grid;grid-gap:5px;gap:5px;background:#eceae3;border-radius:9px}.logic-op button{padding:8px;border:0;border-radius:7px;background:transparent}.logic-op button.selected{background:white;box-shadow:0 2px 6px rgba(0,0,0,.08)}.not-toggle{margin:14px 0;padding:11px;gap:7px;background:#f2f1ec;border-radius:9px;font-size:9px;font-weight:700}.logic-path,.not-toggle{display:flex;align-items:center}.logic-path{margin-top:12px;flex-wrap:wrap;gap:8px;justify-content:center}.logic-path b,.logic-path span,.logic-path strong{padding:9px 11px;background:#eef1ec;border-radius:8px;font:10px Consolas,monospace}.logic-path b{color:var(--orange)}.law{margin-bottom:12px;padding:14px;background:#f1f2ec;border-radius:10px}.law>div{padding:11px;display:flex;justify-content:space-between;gap:8px;background:white;border-radius:8px}.law>div code{font:11px Consolas,monospace}.law>div strong{font:700 11px Consolas,monospace}.law>span{display:block;padding:7px;text-align:center;color:var(--muted);font-size:8px}.law>p:last-child{margin:8px 0 0;display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px;font-weight:700}.memory{padding:13px;text-align:center;background:var(--deep);color:white;border-radius:9px}.memory strong{font-size:10px}.memory p{margin:6px 0 0;color:#ffbea6}.challenge pre{margin:0;padding:16px;background:var(--deep);color:#e0ece7;border-radius:10px}.challenge pre>div{padding:5px 0;display:grid;grid-template-columns:28px 1fr}.challenge pre span{color:#7f9f95;font-size:9px}.challenge pre code{font:12px Consolas,monospace}.challenge h3{margin:18px 0 13px;font-size:14px}.answers{display:grid;grid-gap:8px;gap:8px;margin-bottom:13px}.answers button{min-height:46px;padding:8px 11px;display:grid;grid-template-columns:28px 1fr 20px;grid-gap:9px;gap:9px;align-items:center;text-align:left;background:#faf9f4;border:1px solid var(--line);border-radius:9px}.answers button>span{width:27px;height:27px;display:grid;place-items:center;background:#eceae2;border-radius:7px;font-size:9px}.answers button svg{width:16px}.answers button.selected{border-color:var(--orange);background:#fff1ea}.answers button.right{border-color:#63a080;background:#e7f3e9}.answers button.wrong{border-color:#d56652;background:#fff0ea}.primary{padding:11px 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:var(--orange);color:white;font-size:10px;font-weight:800}.primary:disabled{opacity:.4}.primary svg{width:16px}.feedback{margin-top:13px;padding:12px;display:grid;grid-template-columns:30px 1fr auto;grid-gap:9px;gap:9px;align-items:center;border-radius:9px}.feedback.correct{background:#e5f2e7}.feedback.learn{background:#fff0e7}.feedback>span{width:29px;height:29px;display:grid;place-items:center;background:white;border-radius:50%}.feedback p{margin:0;font-size:9px;line-height:1.45}.feedback button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green);font-size:9px;font-weight:800}.status-value{margin:10px 0;padding:13px;border-radius:9px}.status-value span{font:700 17px Consolas,monospace}.status-value p{margin:5px 0 0;font-size:8px}.facts{margin-top:17px;padding-top:10px;border-top:1px solid var(--line)}.facts>div{padding:8px 0;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.facts strong{color:var(--ink)}.precedence{margin-top:17px;padding:12px;background:#f2f1eb;border-radius:9px}.precedence ol{margin:5px 0;padding-left:22px;font-size:9px;line-height:1.7}.precedence>p:last-child{color:var(--muted);font-size:8px}@media(max-width:1150px){.topbar{grid-template-columns:1fr auto}.score{display:none}.workspace{grid-template-columns:220px 1fr}.status{display:none}.operator-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.topbar{height:auto;padding:12px}.brand small{display:none}.topbar nav{position:fixed;bottom:0;left:0;right:0;z-index:20;border-radius:0;justify-content:space-around;border-top:1px solid var(--line)}.topbar nav button{display:grid;justify-items:center;font-size:7px}.hero{padding:35px 20px 28px;grid-template-columns:1fr;gap:23px}.hero h1{font-size:43px}.workspace{display:block}.reference{border-right:0;border-bottom:1px solid var(--line)}.stage{padding:25px 15px 90px}.logic-controls,.mini-toggles,.number-inputs,.rules{grid-template-columns:1fr}.logic-op{grid-template-columns:1fr 1fr}.feedback{grid-template-columns:30px 1fr}.feedback button{grid-column:1/-1;justify-self:end}}