@font-face{font-family:KC School;src:url(/fonts/kcschool-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:KC School;src:url(/fonts/kcschool-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--cream: #fff8e7;--paper: #fffdf7;--ink: #1d2340;--muted: #59607a;--blue: #4048cc;--lime: #b7e81c;--green: #3f9a2a;--green2: #6dc74c;--pink: #f9a6a6;--purple: #ab4a8f;--orange: #ed684f;--cyan: #07a5d3;--teal: #04a98c;--plum: #873863;--yellow: #ffd21f;--red: #d93a2b;--rainbow: linear-gradient(90deg, #d6249f 0 14.3%, #e8352b 0 28.6%, #f7931e 0 42.9%, #ffd21f 0 57.1%, #6dc74c 0 71.4%, #07a5d3 0 85.7%, #4048cc 0 100%);--r: 18px;--shadow: 0 6px 0 rgba(29, 35, 64, .12), 0 10px 24px rgba(29, 35, 64, .1);--font: "KC School", "Andika", "Comic Sans MS", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;font-family:var(--font);font-size:19px;line-height:1.5;color:var(--ink);background:var(--cream)}a{color:var(--blue)}h1,h2,h3{line-height:1.2;margin:.4em 0}h1{font-size:2.1rem;color:var(--blue)}h2{font-size:1.55rem;color:var(--plum)}h3{font-size:1.2rem}img{max-width:100%}.rainbow{height:10px;background:var(--rainbow)}main{max-width:1120px;margin:0 auto;padding:18px 20px 40px;min-height:60vh}nav.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:var(--paper);border-bottom:3px solid var(--lime)}.logo{display:flex;align-items:center}.logo img{height:40px;width:auto;display:block}.nav-links{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.nav-links a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1rem}.nav-links a:hover{background:#eef9cf}footer{text-align:center;color:var(--muted);font-size:.9rem;padding:0 16px 28px;background:var(--paper)}footer .rainbow{margin:0 -16px 14px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.lead{font-size:1.2rem}.loading{text-align:center;padding:3em;font-size:1.3rem}.hero{position:relative;display:flex;gap:18px;align-items:center;background:linear-gradient(180deg,#5b9bf0,#8cc6ff);color:#fff;border-radius:28px;padding:22px 28px;margin:6px 0 22px;overflow:hidden;box-shadow:var(--shadow)}.hero .sun{width:130px;height:auto;flex:none;animation:spin 40s linear infinite}.hero h1{color:#fff;font-size:2.6rem;margin:0;text-shadow:0 3px 0 rgba(0,0,0,.18)}.hero .lead{margin:.3em 0;text-shadow:0 1px 0 rgba(0,0,0,.2)}.hero .hello{margin:.6em 0 0;font-weight:700}.hero .hello .muted{color:#f2f6ff}@keyframes spin{to{transform:rotate(360deg)}}.shelf-wrap{position:relative;padding:8px 0 0}.shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:0 12px;position:relative;z-index:1}.plank{height:26px;margin-top:-10px;border-radius:8px;background:linear-gradient(180deg,#c98a4b,#9b6232);box-shadow:0 8px 14px #50280a40}.shelf-book{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);padding-bottom:18px}.shelf-book .cover{position:relative;width:100%;border-radius:6px 12px 12px 6px;overflow:hidden;box-shadow:-6px 0 0 var(--bk) inset,0 10px 18px #00000047;transition:transform .2s;background:#fff}.shelf-book .cover img{display:block;width:100%;height:auto}.shelf-book:hover .cover,.shelf-book:focus-visible .cover{transform:translateY(-8px) rotate(-1.5deg)}.shelf-book.soon .cover img{filter:saturate(.55) brightness(1.02);opacity:.8}.ribbon{position:absolute;top:14px;right:-34px;transform:rotate(35deg);background:var(--yellow);color:var(--ink);font-weight:700;font-size:.8rem;padding:3px 40px;box-shadow:0 2px 4px #0003}.sb-title{font-size:1.15rem;color:var(--bk)}.shelf-book small{font-size:.8rem;color:var(--muted);text-align:center;line-height:1.25}.bar{width:100%;height:12px;background:#e9e3d3;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--lime));border-radius:99px}@media(max-width:900px){.shelf{grid-template-columns:repeat(3,1fr);row-gap:8px}.plank{display:none}.shelf-book{background:#f4e2c8;border-radius:16px;padding:12px 10px}}@media(max-width:520px){.shelf{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;text-align:center}.hero .sun{width:90px}.hero h1{font-size:2rem}}.book-head{display:flex;gap:26px;align-items:flex-start;background:var(--paper);border-radius:24px;padding:20px;box-shadow:var(--shadow);border-top:8px solid var(--bk)}.bh-cover{width:200px;height:auto;border-radius:6px 12px 12px 6px;box-shadow:0 8px 16px #00000040;flex:none}.book-head h1{color:var(--bk);margin-top:0}.bh-prog{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.bh-prog .bar{max-width:320px;height:16px}@media(max-width:640px){.book-head{flex-direction:column;align-items:center;text-align:center}.bh-cover{width:150px}.bh-prog{justify-content:center}}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px}.thumb{position:relative;display:block;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px #00000014,0 4px 10px #0000001a;border:3px solid transparent;transition:transform .15s}.thumb:hover{transform:translateY(-3px)}.thumb.done{border-color:var(--green2)}.thumb img{display:block;width:100%;height:auto}.th-label{position:absolute;left:6px;bottom:6px;background:var(--blue);color:#fff;font-weight:700;border-radius:99px;min-width:32px;padding:0 8px;text-align:center;font-size:.9rem}.th-check{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:50%;background:var(--green2);color:#fff;font-weight:700;display:grid;place-items:center}.th-stars{position:absolute;right:6px;bottom:6px;color:#f5b400;text-shadow:0 1px 0 #7a5a00;font-size:.95rem}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:26px}.card{background:var(--paper);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow);margin:0 0 16px}.card h3{margin-top:0;color:var(--blue)}.my-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.form,.form.inline{max-width:640px}.field{margin:0 0 14px}.field label{display:block;font-weight:700;margin-bottom:4px}input,select,textarea{font:inherit;width:100%;padding:12px 14px;border:2px solid #c9c2ae;border-radius:12px;background:#fff;color:var(--ink);min-height:50px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}input[type=checkbox]{width:24px;height:24px;min-height:0;vertical-align:middle}.check{display:flex;gap:10px;align-items:center;margin:6px 0}fieldset{border:2px solid #e3dccb;border-radius:12px;margin:0 0 14px}.code-input{text-transform:uppercase;letter-spacing:.2em;font-size:1.5rem}.init-input{max-width:90px;text-transform:uppercase}.hp{position:absolute;left:-9999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;padding:12px 20px;min-height:52px;border-radius:999px;border:0;background:#fff;color:var(--ink);box-shadow:0 4px #c9c2ae;cursor:pointer;text-decoration:none}.btn:active{transform:translateY(3px);box-shadow:0 1px #c9c2ae}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px #262b8a}.btn.good{background:var(--green2);color:#fff;box-shadow:0 4px 0 var(--green)}.btn.big{font-size:1.15rem;padding:14px 26px}.btn.small{min-height:40px;padding:6px 14px;font-size:.9rem}.btn.danger{background:#fde5e2;color:#8f1d12;box-shadow:0 4px #e7b1aa}.btn[disabled]{opacity:.5;cursor:default}.linkish{background:none;border:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer;padding:0}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.error{background:#fde5e2;color:#8f1d12;padding:10px 14px;border-radius:12px}.success{background:#e6f7d9;color:#245a12;padding:12px 16px;border-radius:12px}.note{background:#fff3c4;padding:10px 14px;border-radius:12px;border-left:6px solid var(--yellow)}.table-wrap{overflow-x:auto;background:var(--paper);border-radius:14px;box-shadow:var(--shadow);margin:0 0 16px}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee5d0;vertical-align:top}th{background:#f1f8dc}.facts th{width:30%}.code{font-family:ui-monospace,monospace;background:#eef0ff;padding:2px 8px;border-radius:8px}.code.big{display:inline-block;font-size:2rem;letter-spacing:.2em;padding:6px 16px}.tag{display:inline-block;background:#eef9cf;border-radius:99px;padding:2px 10px;font-size:.8rem;margin:0 6px 4px 0}.msg{white-space:pre-wrap;background:#faf6ea;padding:10px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat{background:var(--paper);border-radius:var(--r);padding:16px;text-align:center;box-shadow:var(--shadow)}.stat-n{font-size:2.3rem;font-weight:700;color:var(--blue)}.books-list .book{display:flex;gap:20px}.books-list .book img{width:170px;height:auto;border-radius:6px 10px 10px 6px;flex:none;box-shadow:0 6px 12px #0003}@media(max-width:560px){.books-list .book{flex-direction:column}}.learner-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.caps-book{background:var(--paper);border-radius:14px;padding:10px 14px;margin:0 0 12px;box-shadow:var(--shadow)}.caps-book summary{font-weight:700;font-size:1.1rem;cursor:pointer;padding:6px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.tab{font:inherit;font-weight:700;border:0;border-radius:99px;padding:8px 18px;background:#ece5d2;cursor:pointer;min-height:44px}.tab.on{background:var(--blue);color:#fff}.marks{display:inline-flex;flex-wrap:wrap;gap:2px}.marks span{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:.75rem;color:#fff}.m1{background:var(--green2)}.m0{background:var(--orange)}.heat{display:inline-flex;flex-wrap:wrap;gap:3px}.hc{min-width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:.72rem;background:#ddd}.hc.hi{background:#9fe07f}.hc.mid{background:#ffe07a}.hc.lo{background:#ffab9a}.chip{display:inline-block;background:#fff;border-radius:99px;padding:6px 14px;font-weight:700;box-shadow:0 2px #d9d1bb}.chip.good{background:#e6f7d9;color:#245a12}body.reading{background:#e9f0ff;background-image:radial-gradient(circle at 20% 10%,#f8fbff 0,transparent 40%);overflow-x:hidden}.reader{--bk: #4048cc;display:flex;flex-direction:column;align-items:stretch;min-height:calc(100vh - 10px)}.rd-top{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--paper);border-bottom:3px solid var(--bk);position:sticky;top:0;z-index:30}.rd-title{flex:1;min-width:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-title b{color:var(--bk)}.rd-tools{display:flex;align-items:center;gap:8px}.rd-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:700;min-height:48px;padding:6px 14px;border-radius:99px;border:0;background:#eef0ff;color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:0 3px #c8cbea}.rd-btn .ico{font-size:1.3rem}.rd-btn.read{background:var(--lime);box-shadow:0 3px #8db513}.rd-btn.read.on{background:var(--yellow);animation:pulse 1.2s infinite}.rd-btn[aria-pressed=true]{background:var(--purple);color:#fff}.rd-stars{font-size:1.5rem;letter-spacing:2px;color:#d6d0bf}.rd-stars .on,.cel-stars .on{color:#ffc400;text-shadow:0 2px 0 #b98a00}.rd-ins{display:flex;align-items:center;gap:10px;justify-content:center;padding:6px 12px;font-size:1.1rem;font-weight:700;color:var(--plum);text-align:center}.ins-say{font-size:1.2rem;border:0;background:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;box-shadow:0 2px #d9d1bb;flex:none}.rd-area{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2px 4px 8px;perspective:2200px}.rd-book{position:relative;transform-style:preserve-3d}.rd-stage{position:absolute;top:0;right:0;bottom:0;left:0}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:4px 10px 10px 4px;box-shadow:0 1px 2px #00000026,0 14px 30px #1e285a38,inset 10px 0 14px -10px #00000040;overflow:hidden;transform-origin:left center;backface-visibility:hidden}.sheet .pg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pg-missing{position:absolute;top:30%;right:10%;bottom:30%;left:10%;text-align:center;font-size:1.2rem;color:var(--muted)}.sheet.leaving{z-index:5;pointer-events:none}.sheet.leaving.fwd{animation:flipFwd .65s cubic-bezier(.4,.1,.3,1) forwards}.sheet.leaving.back{transform-origin:right center;animation:flipBack .65s cubic-bezier(.4,.1,.3,1) forwards}@keyframes flipFwd{0%{transform:rotateY(0);filter:brightness(1)}to{transform:rotateY(-105deg);filter:brightness(.7)}}@keyframes flipBack{0%{transform:rotateY(0);filter:brightness(1)}to{transform:rotateY(105deg);filter:brightness(.7)}}.ov{position:absolute;top:0;right:0;bottom:0;left:0}.ov-word,.ov-item{position:absolute;padding:0;margin:0;border:0;background:transparent;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ov-word{border-radius:6px}.ov-word.flash{animation:flash .8s}.ov-word.hl{background:#ffd21f80;box-shadow:0 0 0 3px #ffd21f80}@keyframes flash{0%{background:#b7e81ca6}to{background:transparent}}.ov-tap{border-radius:12px;outline:3px dashed rgba(64,72,204,.35);outline-offset:2px}.ov-tap:hover{background:#b7e81c2e}.ov-tap.heard{outline-color:#6dc74c8c}.ov-tap.heard:after{content:"\2713";position:absolute;right:-8px;top:-10px;width:calc(var(--u) * 18);height:calc(var(--u) * 18);min-width:20px;min-height:20px;font-size:max(13px,calc(var(--u) * 11));border-radius:50%;background:var(--green2);color:#fff;display:grid;place-items:center;font-weight:700}.ov-link{border-radius:8px}.ov-link:hover,.ov-link:focus-visible{background:#b7e81c4d}.ov-write{background:#ffffffeb;border:2px dashed #7c84e0;border-radius:10px;color:var(--blue);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;box-shadow:0 2px #4048cc26}.ov-write.active{border:3px solid var(--blue);background:#fff;box-shadow:0 0 0 4px #ffd21fb3}.ov-write.ok{border:3px solid var(--green2);background:#effbe6;color:var(--green)}.ov-write.ok:after{content:"\2713";position:absolute;right:-9px;top:-11px;min-width:22px;min-height:22px;width:calc(var(--u) * 18);height:calc(var(--u) * 18);border-radius:50%;background:var(--green2);color:#fff;font-size:max(13px,calc(var(--u) * 11));display:grid;place-items:center}.ov-write.bad{border-color:var(--red);background:#ffe9e5;color:var(--red)}.wr-key{position:absolute;inset:auto 0 -2px 0;font-size:.45em;color:var(--purple);opacity:.85}@keyframes blink{50%{opacity:0}}.shake{animation:shake .45s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pop{animation:pop .35s}@keyframes pop{50%{transform:scale(1.12)}}@keyframes pulse{50%{transform:scale(1.06)}}.sheet.is-done{box-shadow:0 0 0 5px var(--green2),0 14px 30px #1e285a38}.celebrate{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:10;background:#fff;border-radius:28px;padding:18px 34px;text-align:center;box-shadow:0 0 0 6px var(--lime),0 20px 40px #00000040;animation:celIn .45s cubic-bezier(.2,1.6,.4,1);transition:opacity .5s,transform .5s;display:flex;flex-direction:column;align-items:center}.celebrate.out{opacity:0;transform:translate(-50%,-70%)}.cel-stars{font-size:3.4rem;color:#ddd6c2;letter-spacing:6px}.celebrate b{font-size:1.8rem;color:var(--blue)}.celebrate small{color:var(--muted)}@keyframes celIn{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}}.rd-bottom{position:sticky;bottom:0;z-index:25;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fffdf7f5;border-top:3px solid var(--lime)}.rd-nav{width:76px;height:60px;flex:none;font-size:1.7rem;border:0;border-radius:20px;background:var(--bk);color:#fff;cursor:pointer;box-shadow:0 4px #00000040}.rd-nav:disabled{opacity:.3;cursor:default}.rd-nav.pulse{background:var(--green2);animation:pulse 1.1s infinite}.rd-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.rd-pageno{font-size:.9rem;color:var(--muted);font-weight:700}.rd-done{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.rd-key{position:fixed;left:12px;top:74px;z-index:31;background:#fff;border:3px solid var(--purple);border-radius:14px;padding:8px 12px;max-width:260px;font-size:.95rem;box-shadow:var(--shadow)}.rd-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#2b3170;padding:10px 8px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 -8px 20px #00000040}.keys{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.key{min-width:58px;height:58px;font:inherit;font-size:1.7rem;font-weight:700;border:0;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 4px #9aa0d8;cursor:pointer}.rd-dock[data-kb=vowels] .key{min-width:84px;height:72px;font-size:2.2rem}.key:active{transform:translateY(3px);box-shadow:0 1px #9aa0d8}.key.wide{min-width:96px;background:var(--lime);box-shadow:0 4px #8db513}.key.close{background:#ffd6cf;box-shadow:0 4px #e0a297}body.dock-open .rd-bottom{padding-bottom:8px}@media(max-width:700px){.rd-btn span:not(.ico){display:none}.rd-btn{padding:6px 12px}.rd-nav{width:62px}.key{min-width:44px;height:54px;font-size:1.4rem}.rd-key{top:auto;bottom:90px}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;transition:.3s;background:var(--ink);color:#fff;padding:12px 20px;border-radius:99px;z-index:60}.toast.show{transform:translate(-50%);opacity:1}.toast.good{background:var(--green)}.bot{position:fixed;right:16px;bottom:16px;z-index:20}body.reading .bot{display:none}.bot-btn{width:60px;height:60px;border-radius:50%;border:0;background:var(--purple);font-size:1.8rem;box-shadow:var(--shadow);cursor:pointer}.bot-panel{position:absolute;right:0;bottom:70px;width:270px;background:#fff;border-radius:16px;padding:14px;box-shadow:var(--shadow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wr-text{display:inline-flex;align-items:flex-end;gap:.08em;height:100%;padding-bottom:.12em}.wr-slot{display:inline-block;min-width:.62em;height:1.05em;line-height:1.05;text-align:center;border-bottom:max(2px,calc(var(--u) * 2.2)) solid rgba(64,72,204,.35);border-radius:2px}.ov-write:not(.multi) .wr-slot{min-width:.7em}.wr-slot.filled{border-bottom-color:#4048cc8c}.wr-slot.cur{border-bottom-color:var(--blue);background:#ffd21f73;animation:slotblink 1.1s steps(1) infinite}.wr-slot.wrong{color:var(--red);border-bottom-color:var(--red);background:#ffd9d2;animation:none}.ov-write.ok .wr-slot{border-bottom-color:transparent;background:none}@keyframes slotblink{50%{background:#ffd21f1a}}@media(prefers-reduced-motion:reduce){.wr-slot.cur{animation:none}}.rd-btn.icon{padding:6px 10px}dialog.kc-settings{border:0;border-radius:var(--r);padding:22px 24px;max-width:min(520px,94vw);width:100%;box-shadow:var(--shadow);font:inherit;color:var(--ink);background:var(--paper)}dialog.kc-settings::backdrop{background:#1d234073}dialog.kc-settings h2{margin-top:0;color:var(--blue)}dialog.kc-settings select{font:inherit;width:100%;min-height:52px;padding:8px 12px;border-radius:12px;border:2px solid #c9cdf3;background:#fff}dialog.kc-settings .lbl{display:block;font-weight:700;margin-bottom:4px}dialog.kc-settings .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:8px}dialog.kc-settings small{display:block;margin-top:6px}.chk{display:flex;align-items:center;gap:10px;font-weight:700;margin:0 0 14px}.chk input{width:26px;height:26px}.seg{display:inline-flex;border-radius:99px;background:#eef0ff;padding:4px;gap:4px}.seg-b{font:inherit;font-weight:700;border:0;min-height:46px;padding:6px 18px;border-radius:99px;background:transparent;color:var(--blue);cursor:pointer}.seg-b[aria-checked=true]{background:var(--blue);color:#fff}@media(min-width:1100px)and (min-aspect-ratio:5/4){.rd-dock{left:auto;right:16px;top:50%;bottom:auto;transform:translateY(-50%);width:450px;border-radius:24px;padding:16px 12px;box-shadow:0 10px 30px #00000040}body.dock-open .rd-area{padding-right:474px}.rd-dock .keys{gap:6px;flex-wrap:nowrap}.rd-dock .key{min-width:54px;height:60px}.rd-dock .key.wide{min-width:96px}.rd-dock[data-kb=vowels] .key{min-width:74px;height:76px}}.ov-choose{border-radius:50%}.ov-choose:hover{background:#b7e81c29}.ov-choose.key{outline:3px dotted rgba(31,166,74,.8);outline-offset:1px}.ov-choose.nope{background:#e8322b29}.ov-choose.chosen.mk-circle,.ov-choose.chosen.mk-ring{box-shadow:inset 0 0 0 calc(var(--u) * 3.2) var(--green2)}.ov-choose.chosen.mk-box{border-radius:8px;box-shadow:inset 0 0 0 calc(var(--u) * 3.2) var(--green2)}.ov-choose.chosen.mk-colour{border-radius:6px;background:#6dc74c73}.ov-choose.chosen.mk-underline{border-radius:0}.ov-choose.chosen.mk-underline:after{content:"";position:absolute;left:6%;right:6%;bottom:4%;height:calc(var(--u) * 3.5);border-radius:4px;background:var(--green2)}.ov-choose.chosen.mk-tick:after,.ov-choose.chosen.mk-cross:after{position:absolute;right:-12%;top:-22%;font-size:calc(var(--u) * 30);line-height:1;font-weight:700;color:var(--green2)}.ov-choose.chosen.mk-tick:after{content:"\2713"}.ov-choose.chosen.mk-cross:after{content:"\2717";color:#e8322b}.ov-draw{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:crosshair}.ov .ov-item{z-index:2}.inks{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.ink{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #c9cdf0;cursor:pointer;padding:0;font-size:1.05rem}.ink.on{box-shadow:0 0 0 3px var(--ink, #2b3170);transform:scale(1.12)}.ink.undo{background:#fff}.btn,.key,.rd-btn,.rd-nav,.card a,.seg-b{transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease}.btn:hover:not([disabled]){transform:translateY(-1px)}.ov-item.enter{animation:itemIn .45s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--k, 0) * 45ms + .12s)}@keyframes itemIn{0%{transform:scale(.4);opacity:0}}.key.glow{background:#fff6b8;box-shadow:0 0 0 4px #ffc400,0 0 18px 6px #ffc400b3,0 4px #b98a00;animation:keyGlow 1s ease-in-out infinite}@keyframes keyGlow{50%{transform:scale(1.1);box-shadow:0 0 0 6px #ffc400,0 0 26px 10px #ffc400cc,0 4px #b98a00}}.wr-slot.ghost:before{content:attr(data-ghost);color:#4048cc73;animation:ghostIn .35s ease both}@keyframes ghostIn{0%{opacity:0;transform:translateY(-.3em) scale(1.4)}}.ov-choose.hint-wiggle{animation:wiggle .9s ease-in-out 2;background:#ffc40038}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg) scale(1.06)}40%{transform:rotate(6deg) scale(1.06)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}.ov-choose.hint-glow{box-shadow:0 0 0 4px #ffc400,0 0 22px 8px #ffc400a6;animation:pulse 1s ease-in-out infinite}.fx-confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.fx-star{position:fixed;z-index:61;pointer-events:none;font-size:2.6rem;color:#ffc400;text-shadow:0 2px 0 #b98a00,0 0 12px rgba(255,220,80,.9)}.rd-stars.bump{animation:pop .35s}.ai-note{margin:4px 0 10px}.rd-support{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:99px;font-size:1.35rem;background:#e7f6ff;box-shadow:0 3px #b6dbee;cursor:help}.rd-support.challenge{background:#fff4c8;box-shadow:0 3px #e8cf6c}.ov-choose.faded{opacity:.18;filter:grayscale(1);pointer-events:none;transition:opacity .5s}.btn.bonus{background:linear-gradient(135deg,#ffd23f,#ff9f1c);color:#4a2a00;box-shadow:0 4px #c46f00;animation:pulse 1.4s 3}.btn.warm{background:#ff8a3d;color:#fff;box-shadow:0 4px #c45a12}.next-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;padding:14px 16px;border-radius:18px;background:#eef9e4;border:3px solid #9bd36a}.next-card.revisit{background:#fff3e6;border-color:#ffb46b}.next-card b{font-size:1.15rem}.nc-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#4f7a28}.next-card.revisit .nc-kicker{color:#a65611}.wu-prompt{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:#fff;padding:12px 14px;border-radius:20px;box-shadow:0 10px 30px #00000040;border:3px solid #ff8a3d;max-width:calc(100vw - 24px);animation:wuUp .35s ease-out}.wu-flame{font-size:2rem}@keyframes wuUp{0%{transform:translate(-50%,30px);opacity:0}}.wu-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1418468c;display:flex;align-items:center;justify-content:center;padding:14px}.wu-card{background:var(--paper, #fff);border-radius:26px;width:min(560px,100%);max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 20px 50px #00000059;padding:16px 20px 22px;border-top:8px solid #ff8a3d}.wu-head{display:flex;align-items:center;gap:10px;font-size:1.2rem}.wu-head b{flex:1}.wu-count{font-size:.95rem;color:#666}.wu-x{border:0;background:#f1f1f1;border-radius:99px;width:44px;height:44px;font-size:1.1rem;cursor:pointer}.wu-time{height:10px;border-radius:99px;background:#f3e4d6;overflow:hidden;margin:10px 0 14px}.wu-time span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff8a3d,#ffd23f);transition:width .25s linear}.wu-body{text-align:center}.wu-ins{font-size:1.25rem;font-weight:700;margin:4px 0 12px}.wu-word{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.wu-pic{border-radius:14px;background-repeat:no-repeat;background-color:#fff;box-shadow:0 0 0 3px #eee}.wu-slots{display:flex;justify-content:center;gap:10px;margin:6px 0 16px}.wu-slot{width:58px;height:68px;border-bottom:5px solid #4048cc;font-size:2.6rem;font-weight:800;line-height:68px;color:#222;font-family:Andika,system-ui,sans-serif}.wu-slot.next{border-color:#ff8a3d;background:#fff6ec;border-radius:10px 10px 0 0}.wu-slots.shake{animation:shake .4s}.wu-slots.pop{animation:pop .4s}.wu-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.wu-key,.wu-opt{font:inherit;font-size:2rem;font-weight:800;min-width:64px;min-height:64px;border-radius:16px;border:0;background:#eef0ff;box-shadow:0 4px #c8cbea;cursor:pointer;font-family:Andika,system-ui,sans-serif}.wu-keys.abc .wu-key{min-width:48px;min-height:52px;font-size:1.5rem}.wu-key.glow{background:#ffe98a;box-shadow:0 0 0 4px #ffb400,0 4px #d19a00;animation:pulse 1s infinite}.wu-pick{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.wu-opt{min-width:96px;min-height:96px;font-size:3rem}.wu-opt.ok{background:#c9f2b0;box-shadow:0 4px #6fbd42}.wu-opt.no{opacity:.35}.wu-done .wu-big{font-size:4rem}.wu-rec{background:#eef9e4;border-radius:12px;padding:10px;font-weight:700}.insights{margin:10px 0 18px}.ins-grid{display:grid;grid-template-columns:3fr 2fr;gap:14px}.ins-grid h4{margin:0 0 8px}.ins-sum,.ins-risk{margin:0 0 12px;padding-left:20px}.ins-sum li,.ins-risk li{margin-bottom:6px}.heatmap{border-collapse:separate;border-spacing:2px;font-size:.85rem}.heatmap th,.heatmap td{padding:4px 6px;white-space:nowrap}.heatmap .hm-name{position:sticky;left:0;background:var(--paper, #fff);text-align:left;z-index:1}.heatmap .hm-skill{vertical-align:bottom;height:70px}.heatmap .hm-skill span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg)}.heatmap td.hm{min-width:30px;text-align:center;border-radius:6px;background:#f4f4f4;color:#333;font-weight:700}.heatmap td.st-weak{background:#f9b4a9}.heatmap td.st-learning{background:#ffe58f}.heatmap td.st-secure{background:#a8e39a}.heatmap tr.risk .hm-name{color:#a2261a}@media(max-width:900px){.ins-grid{grid-template-columns:1fr}}