:root{--ink:#263044;--muted:#667085;--paper:#fffdf9;--cream:#fff8ef;--line:#eaded4;--coral:#ed6a5a;--teal:#2d9c95;--blue:#4d96ff;--gold:#f2b84b;--lav:#8b7bd8;--red:#b63d55;--shadow:0 14px 34px rgba(74,54,34,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);font:16px/1.5 var(--font);background:radial-gradient(circle at 5% 12%,rgba(255,209,102,.35) 0 9rem,transparent 9.1rem),radial-gradient(circle at 96% 30%,rgba(77,150,255,.14) 0 14rem,transparent 14.1rem),linear-gradient(135deg,#fff8ef,#fffdf9 52%,#f3fbf9);overflow-x:hidden}button,input{font:inherit}button{touch-action:manipulation}a{color:#18867c}.ambient{position:fixed;z-index:-1;border-radius:44% 56% 60% 40%;opacity:.45}.ambient-one{width:180px;height:180px;left:-70px;bottom:8%;background:#ffd9cf;transform:rotate(22deg)}.ambient-two{width:130px;height:130px;right:-40px;top:8%;background:#c9f3e9;transform:rotate(-18deg)}.shell{width:min(100%,980px);min-height:100vh;margin:0 auto;padding:0 20px}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand strong,.brand small{display:block}.brand strong{font-weight:950;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:12px;font-weight:700}.brand-mark{display:grid;place-items:center;width:45px;height:45px;color:#fff;border:3px solid #fff;border-radius:15px;background:linear-gradient(145deg,var(--lav),#ae98ff);box-shadow:0 4px 0 #6757aa;font-size:13px;font-weight:950;transform:rotate(-3deg)}.top-actions{display:flex;align-items:center;gap:10px}.version{color:var(--muted);font-size:12px;font-weight:700}.sound-toggle,.language-toggle{width:42px;height:42px;border:2px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 3px 0 #d8c8bc;cursor:pointer}.sound-toggle:active,.language-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 #d8c8bc}.language-toggle{color:#187c75;font-size:12px;font-weight:950}main{min-height:calc(100vh - 140px)}#app:focus{outline:none}footer{padding:28px 0 32px;color:#8b7e74;font-size:12px;text-align:center}.hero,.card{border:3px solid var(--line);border-radius:24px;background:rgba(255,253,249,.96);box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;padding:46px}.hero:before{content:"";position:absolute;width:230px;height:230px;right:-75px;top:-90px;border-radius:45% 55% 48% 52%;background:linear-gradient(145deg,#e1dbff,#c5f1e9);transform:rotate(18deg)}.hero-sticker{position:absolute;z-index:1;right:30px;top:30px;font-size:60px;transform:rotate(8deg);filter:drop-shadow(0 5px 0 rgba(126,70,43,.2))}.eyebrow{margin:0 0 9px;color:var(--coral);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}h1{position:relative;max-width:760px;margin:0;font-size:48px;line-height:1.04;letter-spacing:-.035em}h2{margin:0;font-size:32px;line-height:1.12;letter-spacing:-.025em}h3{margin:0;font-size:19px}p{margin:0}.lede{max-width:760px;margin-top:18px;color:#56656e;font-size:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.fact{padding:15px;border:2px solid #e6d9cf;border-radius:16px;background:#fffaf5}.fact:nth-child(1){background:#fff0eb;border-color:#ffd0c6}.fact:nth-child(2){background:#f1efff;border-color:#d8d2ff}.fact:nth-child(3){background:#eaf8f5;border-color:#bdece1}.fact strong,.fact span{display:block}.fact strong{color:var(--ink);font-size:18px}.fact span{color:var(--muted);font-size:12px}.notice{max-width:790px;padding:14px 16px;border:2px solid #efd598;border-radius:15px;background:#fff8df;color:#5d5133;font-size:14px}.error{padding:17px;border:2px solid #f0a7ae;border-radius:15px;color:#8c2d39;background:#fff0f2}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{min-height:49px;padding:11px 19px;border:2px solid #077a70;border-radius:15px;color:#fff;background:linear-gradient(180deg,#24c7b5,var(--teal));box-shadow:0 5px 0 #077a70;font-weight:900;cursor:pointer;transition:transform .09s ease,filter .15s ease,box-shadow .09s ease}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #077a70}.btn.secondary{color:#4e5e67;border-color:#d1c0b3;background:#fffaf5;box-shadow:0 5px 0 #d1c0b3}.btn.lav{border-color:#6757aa;background:linear-gradient(180deg,#a99aff,#8876de);box-shadow:0 5px 0 #6757aa}.btn.danger{color:#a32f3d;border-color:#e9a2aa;background:#fff0f2;box-shadow:0 5px 0 #e9a2aa}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4);transform:none;box-shadow:0 3px 0 #aaa}.btn:focus-visible,.option:focus-visible,.confidence button:focus-visible,.sound-toggle:focus-visible,.language-toggle:focus-visible,.tile:focus-visible{outline:4px solid rgba(77,150,255,.35);outline-offset:3px}.name-row{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:560px;margin-top:24px}.name-row input{min-width:0;min-height:49px;padding:11px 14px;color:var(--ink);border:2px solid #d9c9bd;border-radius:14px;background:#fff}.warmup-card,.section-intro,.question-card,.results-card{padding:34px}.warmup-card{border:3px solid #eaded4;border-radius:24px;background:rgba(255,253,249,.96);box-shadow:var(--shadow)}.warmup-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.warmup-mascot{display:grid;place-items:center;width:82px;height:82px;border:3px solid #cfc7ff;border-radius:24px;background:#f2efff;box-shadow:0 5px 0 #aaa0e6;font-size:42px;transform:rotate(-3deg)}.warmup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px}.warmup-grid article{padding:18px;border:2px solid #dfd2c8;border-radius:17px;background:#fffaf5}.warmup-grid article:nth-child(1){border-color:#ffc9bd;background:#fff0eb}.warmup-grid article:nth-child(2){border-color:#c7c0ff;background:#f3f1ff}.warmup-grid article:nth-child(3){border-color:#b8e8dd;background:#eaf8f5}.warmup-grid h3{margin:8px 0 7px}.warmup-grid p{color:#5c6870;font-size:14px}.warmup-number{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:var(--coral);font-weight:950}.warmup-grid article:nth-child(2) .warmup-number{background:var(--lav)}.warmup-grid article:nth-child(3) .warmup-number{background:var(--teal)}.resume-callout{display:grid;gap:4px;margin-top:17px;padding:15px 17px;border:2px dashed #d8b966;border-radius:15px;color:#5f5334;background:#fff8df}.studio-path{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:13px;border-radius:15px;background:#f5f0eb;color:#53616a;font-size:13px;font-weight:850}.studio-path b{color:var(--coral)}.section-intro{border:3px solid var(--line);border-radius:24px;background:rgba(255,253,249,.96);box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-badge{display:inline-flex;padding:7px 12px;border-radius:99px;color:#fff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.teach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.teach-card{padding:18px;border:2px solid #ded3cb;border-radius:18px;background:#fffaf5}.teach-card b{display:grid;place-items:center;width:30px;height:30px;color:#fff;border-radius:10px;background:var(--teal);font-size:14px}.teach-card h3{margin:12px 0 8px}.teach-card p{color:#5c6870;font-size:14px}.quiz-wrap{display:grid;gap:16px}.progress-card{position:sticky;top:8px;z-index:10;padding:12px 15px;border:2px solid #e3d4c8;border-radius:17px;background:rgba(255,253,249,.94);box-shadow:0 4px 0 rgba(216,199,186,.9);backdrop-filter:blur(12px)}.quest-hud{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.hud-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900}.hud-pill.zone{color:#7d3b2e;background:#ffe7df}.hud-pill.xp{color:#79550a;background:#fff0ba}.hud-pill.streak{color:#6757aa;background:#e9e5ff}.hud-pill.meter{color:#187c75;background:#d9f4ee}.progress-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.progress-meta strong{color:var(--ink)}.progress-track{height:10px;margin-top:8px;overflow:hidden;border:2px solid #dbcec3;border-radius:99px;background:#f5ebe3}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--gold),var(--teal));transition:width .3s ease}.question-card{animation:card-in .25s ease both}.question-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.type-chip{display:inline-flex;padding:6px 11px;border:2px solid #d8d2ff;border-radius:99px;color:#6757aa;background:#f2efff;font-size:12px;font-weight:900}.competency{color:#8d7e72;font-size:12px;font-weight:800}.scenario{margin-top:17px;padding:12px 14px;border-radius:14px;color:#5b6670;background:#f7f2ed;font-size:14px}.prompt{margin-top:14px;font-size:24px;line-height:1.28;font-weight:900;letter-spacing:-.01em}.visual-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px;padding:12px;border:2px solid #ded5ef;border-radius:16px;background:#faf8ff}.visual-node{padding:11px 7px;border:2px dashed #c6bcec;border-radius:12px;color:#6757aa;background:#fff;text-align:center;font-size:12px;font-weight:850}.visual-node.focus{border-style:solid;border-color:var(--coral);color:#8e3b2e;background:#fff0eb}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.option{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start;width:100%;min-height:96px;padding:14px;color:var(--ink);text-align:left;border:2px solid #dfd2c8;border-radius:17px;background:#fffdf9;box-shadow:0 4px 0 #dfd2c8;cursor:pointer;font-size:16px;line-height:1.42;transition:transform .1s ease,border-color .15s ease,background .15s ease,box-shadow .1s ease}.option:hover:not(:disabled){transform:translateY(-2px);border-color:#9fc7c0;background:#f6fffc}.option:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #c7b6aa}.option:disabled{opacity:.56;cursor:default}.option.locked{opacity:.48}.letter{display:grid;place-items:center;width:34px;height:34px;border:2px solid #d1c0b3;border-radius:11px;color:#66594f;background:#f4ebe4;font-weight:950}.option.selected{border-color:var(--blue);background:#f0f6ff;box-shadow:0 4px 0 #8cbaff}.option.selected .letter{color:#fff;border-color:#236dcc;background:var(--blue)}.option.correct{opacity:1;border-color:#36a86e;background:#edfff5;box-shadow:0 4px 0 #74c99d;animation:option-win .45s cubic-bezier(.2,1.6,.4,1)}.option.correct .letter{color:#fff;border-color:#168a50;background:#36a86e}.option.incorrect{opacity:1;border-color:var(--red);background:#fff0f2;box-shadow:0 4px 0 #e99ca5;animation:option-shake .32s ease}.option.incorrect .letter{color:#fff;border-color:#aa3442;background:var(--red)}.result-mark{align-self:center;font-size:25px;font-weight:950}.option.correct .result-mark{color:#168a50}.option.incorrect .result-mark{color:var(--red)}@keyframes card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes option-win{45%{transform:scale(1.025)}}@keyframes option-shake{25%{transform:translateX(-5px)}55%{transform:translateX(5px)}80%{transform:translateX(-2px)}}.confidence-panel{margin-top:22px;padding:17px;border:2px dashed #dfc9b8;border-radius:16px;background:#fffaf4}.confidence-label{color:#6e6259;font-size:14px;font-weight:800}.confidence{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.confidence button{min-height:40px;padding:7px 13px;color:#5d6870;border:2px solid #d9c9bd;border-radius:99px;background:#fff;box-shadow:0 3px 0 #ded0c6;cursor:pointer;font-size:14px;font-weight:800}.confidence button:active{transform:translateY(2px);box-shadow:0 1px 0 #ded0c6}.confidence button.selected{color:#fff;border-color:#6757aa;background:var(--lav);box-shadow:0 3px 0 #6757aa}.lesson-card{margin-top:22px;padding:19px;border:3px solid;border-radius:19px;animation:lesson-pop .42s cubic-bezier(.2,1.5,.4,1) both}.lesson-correct{border-color:#77c99f;background:linear-gradient(145deg,#edfff5,#fffdf5)}.lesson-close{border-color:#a9c8e9;background:linear-gradient(145deg,#f0f7ff,#fffdf8)}.lesson-wrong{border-color:#e89aa5;background:linear-gradient(145deg,#fff0f2,#fffaf5)}@keyframes lesson-pop{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}.lesson-title{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.lesson-emoji{font-size:38px}.lesson-kicker{color:#187c75;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.xp-award{padding:6px 10px;border-radius:99px;color:#76550d;background:#ffe59b;white-space:nowrap}.xp-award.close{color:#315f89;background:#dcecff}.xp-award.wrong{color:#9d3140;background:#ffdce1}.lesson-note{margin-top:12px;color:#56636a}.principle{display:grid;gap:5px;margin-top:13px;padding:13px;border-radius:14px;background:rgba(255,255,255,.75)}.principle strong{color:var(--coral)}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.save-note{align-self:center;color:#8e8278;font-size:12px}.celebration-bit{position:fixed;z-index:1000;width:10px;height:15px;border-radius:3px;pointer-events:none;animation:bit-burst 1s cubic-bezier(.12,.7,.3,1) forwards}@keyframes bit-burst{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}.lightning-bolt{position:fixed;z-index:1002;pointer-events:none;font-size:42px;line-height:1;filter:drop-shadow(0 0 10px #ffe36e);animation:lightning-strike .7s ease-out forwards}@keyframes lightning-strike{0%{opacity:0;transform:translateY(-35px) scale(1.7) rotate(var(--bolt-rotate))}18%{opacity:1}45%{transform:translateY(5px) scale(1) rotate(var(--bolt-rotate))}100%{opacity:0;transform:translateY(24px) scale(.7) rotate(var(--bolt-rotate))}}body.lightning-flash:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:rgba(255,224,91,.22);animation:lightning-flash .4s steps(2) forwards}@keyframes lightning-flash{0%,45%{opacity:1}20%,70%,100%{opacity:0}}.xp-popup{position:fixed;z-index:1001;pointer-events:none;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 5px 0 rgba(0,0,0,.16);font-size:16px;font-weight:950;animation:xp-float 1.15s ease forwards}.xp-popup.win{color:#12864f;border:2px solid #62c68f}.xp-popup.close{color:#315f89;border:2px solid #8eb7de}.xp-popup.hit{color:#a72f40;border:2px solid #e58b98}@keyframes xp-float{0%{opacity:0;transform:translateY(10px) scale(.8)}18%{opacity:1;transform:translateY(-5px) scale(1.08)}100%{opacity:0;transform:translateY(-65px)}}.results{display:grid;gap:18px}.results-card{border:3px solid var(--line);border-radius:24px;background:rgba(255,253,249,.96);box-shadow:var(--shadow)}.result-lede{margin-top:9px;color:var(--muted)}.meter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.meter{padding:13px;border:2px solid #ded3cb;border-radius:15px;background:#fffaf5}.meter strong{display:block;font-size:23px}.meter span{color:var(--muted);font-size:12px}.bar{height:12px;overflow:hidden;margin-top:8px;border:2px solid #d9ccc2;border-radius:99px;background:#f3eae3}.bar>div{height:100%;background:linear-gradient(90deg,var(--coral),var(--gold),var(--teal))}.domain-list{display:grid;gap:12px;margin-top:19px}.domain-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:14px;align-items:center}.domain-name span{display:block;color:var(--muted);font-size:12px}.count{color:var(--coral);font-weight:950}.priority-list,.miss-list{display:grid;gap:11px;margin-top:18px}.priority{padding:14px 16px;border:2px solid #efdb9e;border-left:7px solid var(--gold);border-radius:14px;background:#fff9e7}.priority span{display:block;color:var(--muted);font-size:13px}.miss{padding:16px;border:2px solid #edc3c8;border-radius:15px;background:#fff7f8}.miss .meta{color:var(--red);font-size:12px;font-weight:900}.miss .answer{margin-top:8px;color:#59666e}.miss details{margin-top:10px}.miss summary{color:#187c75;cursor:pointer;font-weight:800}.miss .rationale{margin-top:8px;color:var(--muted);font-size:14px}.hidden{display:none!important}@media(max-width:720px){.shell{padding:0 12px}.version{display:none}.hero{padding:30px 22px}.hero-sticker{right:16px;top:16px;font-size:42px}h1{max-width:82%;font-size:36px}h2{font-size:27px}.lede{font-size:16px}.facts,.options,.teach-grid,.meter-grid{grid-template-columns:1fr}.warmup-card,.section-intro,.question-card,.results-card{padding:24px 17px}.warmup-hero{grid-template-columns:1fr}.warmup-mascot{width:66px;height:66px;font-size:34px}.prompt{font-size:22px}.option{min-height:auto}.name-row{grid-template-columns:1fr}.domain-row{grid-template-columns:1fr auto}.domain-row .bar{grid-column:1/-1;grid-row:2}.quiz-nav{flex-wrap:wrap}.quiz-nav .btn{flex:1}.save-note{order:3;width:100%;text-align:center}.lesson-title{grid-template-columns:auto 1fr}.xp-award{grid-column:1/-1;justify-self:start}.section-head{display:block}.section-badge{margin-top:14px}.visual-board{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#111}.topbar,footer,.actions,.progress-card,.ambient{display:none!important}.card,.hero,.results-card,.warmup-card,.section-intro,.question-card{color:#111;border-color:#bbb;background:#fff;box-shadow:none;break-inside:avoid}}
:root{--ink:#263044}
.close-option{opacity:1!important;border-color:#8eb7de!important;background:#f0f7ff!important;box-shadow:0 4px 0 #b4d1ec!important}.risky-option{opacity:1!important;border-color:#e7c36d!important;background:#fff8df!important;box-shadow:0 4px 0 #e6ce96!important}.review-answer{margin-top:20px;padding:15px;border:2px dashed #d6c9bd;border-radius:15px;background:#fffaf4}.sequence-board,.match-board,.allocation-board,.forecast-board,.hotspot-board{margin-top:20px;padding:16px;border:2px solid #ded5ef;border-radius:16px;background:#faf8ff}.sequence-list{display:grid;gap:9px;margin-top:12px}.tile{padding:12px;border:2px solid #c6bcec;border-radius:12px;color:#4c427f;background:#fff;text-align:left;cursor:pointer}.tile:hover{border-color:#8b7bd8;background:#f2efff}.match-row,.allocation-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;margin-top:10px}.match-row select,.allocation-row input{min-height:42px;padding:8px;border:2px solid #d7cbe8;border-radius:11px;background:#fff}.allocation-total{margin-top:12px;color:#6757aa;font-weight:850}.forecast-board input[type=range]{width:100%;margin-top:16px}.rationale-input{display:grid;gap:8px;margin-top:16px;color:#6e6259;font-size:14px;font-weight:800}.rationale-input textarea{min-height:80px;padding:12px;border:2px solid #d9c9bd;border-radius:14px;resize:vertical}.visual-node{cursor:pointer}.visual-node:focus-visible{outline:4px solid rgba(77,150,255,.35);outline-offset:3px}