:root{--bg: #fff7ec;--card: #ffffff;--ink: #33304a;--muted: #716b8a;--primary: #7c3aed;--primary-deep: #5b21b6;--pink: #ec4899;--sunny: #f59e0b;--sunny-soft: #fef3c7;--teal: #0d9488;--ok: #16a34a;--ok-bg: #e9f9ef;--bad: #e11d48;--bad-bg: #ffe9ee;--line: #eee5f7;--lavender: #f6f1ff;--font-head: "Fredoka", "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif;--radius: 22px;--shadow: 0 10px 24px rgba(124, 58, 237, .1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-weight:600;background:var(--bg);color:var(--ink);line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 6% 10%,rgba(236,72,153,.09),transparent 34%),radial-gradient(circle at 94% 16%,rgba(13,148,136,.09),transparent 36%),radial-gradient(circle at 50% 100%,rgba(245,158,11,.1),transparent 40%)}h1,h2,h3{font-family:var(--font-head);line-height:1.2}.app{max-width:880px;margin:0 auto;padding:20px 16px 64px}.error{background:var(--bad-bg);color:var(--bad);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-weight:700}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:18px;animation:rise-in .25s ease}@keyframes rise-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{border:none;border-radius:999px;padding:12px 22px;font-family:var(--font-head);font-weight:600;font-size:1rem;cursor:pointer;background:#fff;color:var(--ink);box-shadow:0 4px #33304a2e;transition:transform .06s ease,box-shadow .06s ease}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #33304a2e}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--pink));color:#fff;box-shadow:0 4px 0 var(--primary-deep)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--primary-deep)}.btn.big{padding:15px 26px;font-size:1.08rem}.btn.ghost{background:transparent;box-shadow:none;color:var(--muted)}.btn.ok{background:var(--ok);color:#fff;box-shadow:0 4px #14532d}.btn.bad{background:var(--bad);color:#fff;box-shadow:0 4px #881337}.btn.teach{background:var(--lavender);color:var(--primary-deep);border:2px solid #ddd0fb;box-shadow:0 4px #ddd0fb}.btn.teach:active:not(:disabled){box-shadow:0 1px #ddd0fb}.mascot{display:block;margin:0 auto 4px;animation:float 3.2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.hero{text-align:center;padding:20px 8px 12px}.hero h1{font-size:2.5rem;margin:0 0 6px;background:linear-gradient(120deg,var(--primary),var(--pink),var(--sunny));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);margin:0;font-size:1.05rem}.selector{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px}.selector-label{font-family:var(--font-head);font-weight:600;color:var(--muted);margin-right:4px}.pill{border:2.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:9px 18px;font-family:var(--font-head);font-weight:600;font-size:1rem;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.pill:hover{border-color:#c4b5fd;transform:translateY(-1px)}.pill.active{background:linear-gradient(135deg,var(--primary),var(--pink));color:#fff;border-color:transparent;box-shadow:0 3px 0 var(--primary-deep)}.pill.small{padding:7px 14px;font-size:.92rem}.papers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:10px}.papers-grid .card{margin-bottom:0}.paper-card{position:relative;overflow:hidden;padding-top:26px}.paper-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--primary),var(--pink),var(--sunny))}.paper-card h2{margin:0 0 4px;color:var(--primary-deep)}.blurb{color:var(--muted);margin:0 0 14px}.paper-stats{display:flex;gap:28px;margin-bottom:14px}.paper-stats>div{display:flex;flex-direction:column}.stat-num{font-family:var(--font-head);font-size:1.7rem;font-weight:700;color:var(--primary)}.stat-label{color:var(--muted);font-size:.85rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.mode-help{color:var(--muted);font-size:.88rem;margin:12px 0 0}.tricky h3{margin:0 0 8px;font-size:.98rem;color:#92400e}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{background:var(--sunny-soft);color:#92400e;border-radius:999px;padding:5px 13px;font-size:.82rem;font-weight:800}.home-footer{text-align:center;margin-top:18px}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.quiz-meta{display:flex;gap:14px;align-items:center;font-weight:800;flex-wrap:wrap}.score-pill{background:linear-gradient(135deg,#ede9fe,#fce7f3);color:var(--primary-deep);padding:4px 14px;border-radius:999px;font-family:var(--font-head)}.streak-pill{background:linear-gradient(135deg,#f97316,var(--pink));color:#fff;padding:4px 14px;border-radius:999px;font-family:var(--font-head);box-shadow:0 3px #c2410c;animation:glow 1.1s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 3px #c2410c,0 0 #f9731680}to{box-shadow:0 3px #c2410c,0 0 0 8px #f9731600}}.timer{font-variant-numeric:tabular-nums;background:#ede9fe;color:var(--primary-deep);padding:4px 14px;border-radius:999px;font-family:var(--font-head)}.timer.low{background:var(--bad-bg);color:var(--bad);animation:pulse-soft 1s ease-in-out infinite}@keyframes pulse-soft{50%{transform:scale(1.06)}}.dots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dot{width:14px;height:14px;border-radius:50%;background:#e6def5}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.current{background:var(--primary);animation:bounce-ball .9s ease-in-out infinite}@keyframes bounce-ball{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.question-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-head h2{margin:0;color:var(--primary-deep)}.marks-badge{background:var(--sunny-soft);color:#92400e;border:2px solid #fcd34d;border-radius:999px;padding:4px 14px;font-family:var(--font-head);font-weight:600;font-size:.88rem;white-space:nowrap}.question-img{width:100%;border:2px solid var(--line);border-radius:16px;margin-bottom:14px;background:#fff}.fields{display:flex;flex-direction:column;gap:10px}.field{display:flex;align-items:center;gap:12px}.field-label{flex:0 0 250px;color:var(--muted);font-size:.95rem}.field input{flex:1;font-family:var(--font-body);font-weight:800;font-size:1.08rem;padding:10px 14px;border:2.5px solid var(--line);border-radius:14px;background:#fff}.field input:focus{outline:none;border-color:#c4b5fd;box-shadow:0 0 0 4px #7c3aed1f}.field input:disabled{background:#faf8ff}.field.ok input{border-color:var(--ok);background:var(--ok-bg)}.field.bad input{border-color:var(--bad);background:var(--bad-bg)}.options{display:flex;flex-direction:column;gap:9px}.option{text-align:left;border:2.5px solid var(--line);background:#fff;border-radius:16px;padding:13px 18px;font-family:var(--font-body);font-weight:800;font-size:1rem;color:var(--ink);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.option:hover:not(:disabled){transform:translateY(-1px);border-color:#c4b5fd}.option.selected{border-color:var(--primary);background:#f3efff}.option.ok{border-color:var(--ok);background:var(--ok-bg)}.option.bad{border-color:var(--bad);background:var(--bad-bg)}.option.small{padding:9px 20px;font-size:.95rem;min-width:104px;text-align:center}.matrix{display:flex;flex-direction:column;gap:10px}.matrix-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:16px;border:2.5px solid transparent}.matrix-row.ok{background:var(--ok-bg);border-color:var(--ok)}.matrix-row.bad{background:var(--bad-bg);border-color:var(--bad)}.matrix-label{font-size:.95rem}.matrix-buttons{display:flex;gap:8px;flex:0 0 auto}.open-panel{background:var(--lavender);border:2.5px dashed #c4b5fd;border-radius:18px;padding:16px}.open-hint{margin:0 0 8px;color:var(--primary-deep);font-weight:700}.note{color:var(--primary-deep);font-size:.9rem;margin:6px 0}.selfmark{display:flex;gap:10px;margin-top:12px}.banner{border-radius:18px;padding:14px 18px;margin-top:14px;animation:pop-in .25s ease}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.banner.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#14532d}.banner.wrong{background:var(--bad-bg);color:#7f1d1d;animation:wiggle .4s ease,pop-in .25s ease}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.banner .praise{font-family:var(--font-head);font-size:1.35rem;margin-right:10px}.marks-earned{display:inline-block;background:#ffffffb3;border-radius:999px;padding:3px 12px;font-family:var(--font-head)}.ms-img{width:100%;border:2px solid var(--line);border-radius:12px;margin-top:10px;background:#fff}.ms-text{font-weight:800;margin:10px 0 0}.ms-guidance{color:var(--muted);font-size:.9rem;margin:6px 0 0}.explainer{margin-top:14px;background:var(--lavender);border:2px solid #e5dbff;border-radius:18px;padding:16px;animation:pop-in .25s ease}.explainer-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.explainer-head h3{margin:0;color:var(--primary-deep);font-size:1.05rem}.explainer-icon{width:26px;height:26px;flex:0 0 auto}.explainer-steps{margin:8px 0 0;padding-left:24px;display:flex;flex-direction:column;gap:7px}.explainer-steps li::marker{color:var(--pink);font-weight:800}.explainer-tip{margin-top:13px;background:var(--sunny-soft);border:2px dashed #fcd34d;border-radius:14px;padding:10px 14px;transform:rotate(-.6deg);color:#92400e}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.result-hero{text-align:center}.result-hero h1{font-size:2.3rem;margin:2px 0 8px;color:var(--primary-deep)}.stars{display:flex;justify-content:center;gap:7px;margin-bottom:10px}.star{width:30px;height:30px;background:#e6def5;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star.on{background:var(--sunny);animation:star-pop .4s ease backwards}.star.on:nth-child(2){animation-delay:.1s}.star.on:nth-child(3){animation-delay:.2s}.star.on:nth-child(4){animation-delay:.3s}.star.on:nth-child(5){animation-delay:.4s}@keyframes star-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.sub{color:var(--muted);margin:4px 0}.record-line{font-family:var(--font-head);font-size:1.15rem;color:#c2410c;background:var(--sunny-soft);border:2px dashed #fcd34d;border-radius:999px;display:inline-block;padding:6px 18px;margin:8px 0 0;animation:pop-in .3s ease}.result-hero .actions{justify-content:center;margin-top:14px}.review-title{margin:18px 0 10px;color:var(--primary-deep)}.review-row.ok{border-left:7px solid var(--ok)}.review-row.bad{border-left:7px solid var(--bad)}.review-toggle{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;font:inherit;font-weight:700;cursor:pointer;padding:4px 0;text-align:left}.review-status{font-family:var(--font-head);font-weight:600;font-size:.85rem;border-radius:999px;padding:4px 12px;white-space:nowrap}.review-row.ok .review-status{background:var(--ok-bg);color:var(--ok)}.review-row.bad .review-status{background:var(--bad-bg);color:var(--bad)}.review-q{flex:1}.review-marks{font-weight:800;color:var(--muted)}.review-detail{margin-top:10px;border-top:2px solid var(--line);padding-top:10px}.parents-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 16px}.parents-header h1{margin:0;font-size:1.7rem;color:var(--primary-deep)}.section-title{margin:20px 0 10px;color:var(--primary-deep)}.live-card h2{margin:0 0 8px;color:var(--primary-deep)}.live-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--ok);margin-right:8px;animation:pulse-ring 1.6s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}.live-line{margin:0 0 10px}.live-stats{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:6px}.live-stats>div{display:flex;flex-direction:column}.report-card{padding:12px 18px}.report-detail{margin-top:10px;border-top:2px solid var(--line);padding-top:10px}.report-questions{display:flex;flex-direction:column;gap:8px}.report-q-row{border:2px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.92rem}.report-q-row.ok{border-left:5px solid var(--ok)}.report-q-row.bad{border-left:5px solid var(--bad)}.report-q-head{display:flex;justify-content:space-between;font-weight:800;margin-bottom:2px}.paper-mastery-title{margin:0 0 10px;font-size:1rem}.chips.mastery{margin-bottom:8px}.chip.q{min-width:42px;text-align:center;font-family:var(--font-head);font-weight:600;border:2px solid transparent}.chip.q.ok{background:var(--ok-bg);color:#14532d}.chip.q.mid{background:var(--sunny-soft);color:#92400e}.chip.q.low{background:var(--bad-bg);color:#7f1d1d}.chip.q.none{background:#f1eef9;color:var(--muted)}.legend{color:var(--muted);font-size:.82rem;margin:4px 0 0}.server-note{color:var(--muted);font-size:.86rem;text-align:center;margin-top:18px}.boot-card{text-align:center;margin-top:40px}.gate,.setup,.welcome{max-width:480px;margin:30px auto 0;text-align:center}.gate-title{font-size:1.9rem;margin:4px 0 6px;color:var(--primary-deep)}.setup{max-width:520px}.setup-card{text-align:left;display:flex;flex-direction:column;gap:12px}.setup-card .field input{width:100%}.keypad-card{margin-top:14px}.keypad-card h2{margin:0 0 4px;color:var(--primary-deep)}.keypad-dots{display:flex;justify-content:center;gap:10px;margin:12px 0 16px}.keypad-dots .dot{width:16px;height:16px;border-radius:50%;background:#e6def5}.keypad-dots .dot.on{background:var(--primary)}.keypad{display:grid;grid-template-columns:repeat(3,76px);gap:10px;justify-content:center;margin-bottom:16px}.key{border:2.5px solid var(--line);border-radius:18px;background:#fff;font-family:var(--font-head);font-size:1.5rem;font-weight:600;padding:14px 0;cursor:pointer;box-shadow:0 4px #33304a24}.key:active{transform:translateY(3px);box-shadow:0 1px #33304a24}.keypad-error{color:var(--bad);font-weight:800;margin:10px 0 0}.shake{animation:wiggle .4s ease}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0}.profile-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;cursor:pointer;border:2.5px solid var(--line)}.profile-card:hover{border-color:#c4b5fd;transform:translateY(-2px)}.profile-card.add{border-style:dashed}.avatar{width:54px;height:54px;border-radius:50%;color:#fff;font-family:var(--font-head);font-size:1.5rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.avatar.small{width:34px;height:34px;font-size:1rem}.avatar.ghosted{background:#f1eef9;color:var(--primary)}.profile-name{font-family:var(--font-head);font-weight:600}.create-card{text-align:left;margin-bottom:14px}.create-card input{width:100%;font-family:var(--font-body);font-weight:800;font-size:1.05rem;padding:10px 14px;border:2.5px solid var(--line);border-radius:14px}.create-card h3{margin:10px 0 6px;color:var(--primary-deep)}.colour-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 2px var(--line)}.swatch.on{box-shadow:0 0 0 3px var(--primary)}.swatch.tiny{width:22px;height:22px}.guest-btn{margin-top:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#33304a73;display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}.overlay-inner{max-width:420px;width:100%}.who-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.who-name{font-family:var(--font-head);font-weight:600;color:var(--primary-deep);margin-right:auto}.who-actions{display:flex;gap:6px}.dot-avatar{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.browse-pick{text-align:left;cursor:pointer}.mastery-block{margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--line)}.mastery-block:last-child{border-bottom:none;margin-bottom:0}.mastery-paper{margin:0 0 8px;font-size:.95rem;color:var(--primary-deep)}.browse-q{margin-bottom:14px}.browse-answer{display:flex;align-items:center;gap:10px;background:var(--ok-bg);border:2px solid var(--ok);border-radius:14px;padding:10px 14px;margin-top:12px}.browse-answer-label{font-family:var(--font-head);font-weight:600;font-size:.85rem;color:#14532d;background:#fff;border-radius:999px;padding:3px 10px}.ms-details{margin-top:10px}.ms-details summary{cursor:pointer;font-weight:800;color:var(--primary-deep)}.live-block{padding:8px 0;border-bottom:2px solid var(--line)}.live-block:last-child{border-bottom:none}.profile-manage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:2px solid var(--line)}.profile-manage:last-child{border-bottom:none}.profile-name-input{flex:0 1 160px;font-family:var(--font-body);font-weight:800;font-size:1rem;padding:8px 12px;border:2.5px solid var(--line);border-radius:12px}.pin-form{display:flex;gap:10px;flex-wrap:wrap}.pin-form input{font-family:var(--font-body);font-weight:800;font-size:1rem;padding:9px 12px;border:2.5px solid var(--line);border-radius:12px;width:140px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti-piece{position:absolute;top:-12px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(72vh) rotate(560deg);opacity:0}}@media (max-width: 560px){.field{flex-direction:column;align-items:stretch}.field-label{flex-basis:auto}.quiz-header{flex-wrap:wrap}.hero h1{font-size:2rem}}