.wbk{--navy:#0a1e4a;--ink:#17305f;--muted:#5b6f94;--blue:#066ccd;--sky:#2e9bff;--gold:#ffc221;--gold-soft:#ffe9a8;--coral:#f0506e;--orange:#ff7a2e;--green:#2fbf71;--green-soft:#ddf6e8;--purple:#8b5cf6;--paper:#fffbf0;--paper-2:#f6eeda;--paper-edge:#e6dab9;--line:#e9dfc6;--odd:#ff7a2e;--odd-soft:#ffe6d6;--even:#2e86f5;--even-soft:#dcebff;--bad:#e0503c;--bad-soft:#ffe3dd;--display:var(--font-skills),"Fredoka",system-ui,sans-serif;--text:var(--font-trace),"Andika",system-ui,sans-serif}.wbk *{box-sizing:border-box}.wbk{height:100%;font-family:var(--text);color:var(--ink);-webkit-tap-highlight-color:transparent;background:#cfe6ff;margin:0;overflow:hidden}.wbk button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.wbk button:focus-visible,.wbk input:focus-visible,.wbk [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px}.wbk h1,.wbk h2,.wbk h3,.wbk h4{font-family:var(--display);color:var(--navy);margin:0;font-weight:600;line-height:1.1}.wbk p{margin:0}.wbk svg{display:block}.wbk .wb-app{background:linear-gradient(#ffffff8c,#fff0 40%),repeating-linear-gradient(0deg,#ffffff57 0 46px,#fff0 46px 92px),repeating-linear-gradient(90deg,#ffffff57 0 46px,#fff0 46px 92px),#bfe0ff;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.wbk .top{padding:10px 18px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--navy);color:#fff;z-index:30;align-items:center;gap:14px;display:flex;box-shadow:0 4px #0a1e4a2e}.wbk .top img{width:auto;height:40px;display:block}.wbk .top .ttl{font-family:var(--display);letter-spacing:.2px;opacity:.95;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:500;overflow:hidden}.wbk .top .sp{flex:1}.wbk .chip{font-family:var(--display);white-space:nowrap;background:#ffffff1f;border-radius:30px;align-items:center;gap:8px;padding:6px 13px 6px 8px;font-size:15px;font-weight:500;display:inline-flex}.wbk .chip b{font-weight:600}.wbk .chip svg{width:26px;height:26px}.wbk .ring{--p:0;background:conic-gradient(var(--gold) calc(var(--p)*1%),#fff3 0);border-radius:50%;place-items:center;width:30px;height:30px;transition:background .6s;display:grid}.wbk .ring i{background:var(--navy);border-radius:50%;width:20px;height:20px;display:block}.wbk .iconbtn{background:#ffffff1f;border-radius:14px;place-items:center;width:42px;height:42px;transition:background .2s,transform .15s;display:grid}.wbk .iconbtn:hover{background:#ffffff38}.wbk .iconbtn:active{transform:scale(.94)}.wbk .iconbtn svg{width:22px;height:22px}.wbk .iconbtn[aria-pressed=false]{opacity:.55}.wbk .parentbtn{background:var(--gold);height:42px;color:var(--navy);font-family:var(--display);border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 4px #d49a00}.wbk .parentbtn:active{transform:translateY(3px);box-shadow:0 1px #d49a00}.wbk .parentbtn svg{width:20px;height:20px}.wbk .desk{place-items:center;min-height:0;padding:10px 12px;display:grid;position:relative;overflow:hidden}.wbk .stage{flex:none;position:relative}.wbk .stage-in{transform-origin:0 0;position:absolute;top:0;left:0}.wbk .tabs{z-index:1;align-items:flex-end;gap:6px;height:40px;display:flex;position:absolute;top:0;left:24px;right:24px}.wbk .tabs button{min-width:0;height:34px;font-family:var(--display);color:#fff;white-space:nowrap;text-overflow:ellipsis;filter:saturate(.85)brightness(.97);border-radius:12px 12px 0 0;flex:1 1 0;padding:0 6px;font-size:15px;font-weight:600;transition:height .2s,transform .2s,filter .2s;position:relative;overflow:hidden;box-shadow:inset 0 -6px #00000024}.wbk .tabs button:hover{height:38px}.wbk .tabs button.on{filter:none;height:42px;box-shadow:inset 0 -6px #0000001a}.wbk .tabs button .star{width:13px;height:13px;position:absolute;top:3px;right:5px}.wbk .t-learn{background:#2e86f5}.wbk .t-practice{background:#f0506e}.wbk .t-story{background:#2fbf71}.wbk .t-more{background:#8b5cf6}.wbk .t-check{background:#e89a00}.wbk .t-report{background:#0a1e4a}.wbk .book{perspective:2600px;width:1000px;height:660px;transition:transform .9s cubic-bezier(.5,.05,.2,1);position:absolute;top:40px;left:0}.wbk .book.single{width:500px}.wbk .board{background:linear-gradient(#0f3a86,#0a1e4a);border-radius:22px;transition:opacity .4s,left .9s,right .9s;position:absolute;inset:-14px -16px -16px;box-shadow:0 22px 40px #0a1e4a59,inset 0 0 0 3px #ffffff1f,inset 0 -8px #0000002e}.wbk .pg{background:var(--paper);width:500px;height:660px;position:absolute;top:0;overflow:hidden}.wbk .pg-l{border-radius:14px 0 0 14px;left:0;box-shadow:inset -22px 0 26px -18px #5a3c0a4d}.wbk .pg-r{border-radius:0 14px 14px 0;left:500px;box-shadow:inset 22px 0 26px -18px #5a3c0a4d}.wbk .book.single .pg-r{box-shadow:none;border-radius:14px;left:0}.wbk .book.single .pg-l{display:none}.wbk .pg-l:empty,.wbk .pg-l.blank{box-shadow:none;background:0 0}.wbk .pg-in{flex-direction:column;gap:12px;padding:30px 36px 48px;display:flex;position:absolute;inset:0}.wbk .pg-l .pg-in{padding-right:44px}.wbk .pg-r .pg-in{padding-left:44px}.wbk .book.single .pg-r .pg-in{padding:28px 30px 46px}.wbk .stack{pointer-events:none;width:10px;position:absolute;top:8px;bottom:8px}.wbk .pg-l .stack{background:repeating-linear-gradient(90deg,var(--paper-edge) 0 1px,transparent 1px 3px);width:var(--ls,6px);left:-3px}.wbk .pg-r .stack{background:repeating-linear-gradient(90deg,transparent 0 2px,var(--paper-edge) 2px 3px);width:var(--rs,6px);right:-3px}.wbk .folio{font-family:var(--display);color:#a89a74;font-size:14px;font-weight:500;position:absolute;bottom:14px}.wbk .pg-l .folio{left:36px}.wbk .pg-r .folio{right:36px}.wbk .book.single .pg-r .folio{left:50%;right:auto;transform:translate(-50%)}.wbk .spine{pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000002e,#0000 60%,#0000002e);width:8px;height:660px;transition:opacity .4s;position:absolute;top:0;left:496px}.wbk .book.single .spine,.wbk .book.closed .spine{opacity:0}.wbk .leaf{transform-origin:0;width:500px;height:660px;transform-style:preserve-3d;z-index:6;will-change:transform;position:absolute;top:0;left:500px}.wbk .book.single .leaf{left:0}.wbk .leaf .face{backface-visibility:hidden;background:var(--paper);position:absolute;inset:0;overflow:hidden}.wbk .leaf .front{border-radius:0 14px 14px 0;box-shadow:inset 22px 0 26px -18px #5a3c0a4d}.wbk .leaf .back{border-radius:14px 0 0 14px;transform:rotateY(180deg);box-shadow:inset -22px 0 26px -18px #5a3c0a4d}.wbk .book.single .leaf .front{border-radius:14px}.wbk .leaf .shade{pointer-events:none;opacity:0;position:absolute;inset:0}.wbk .leaf .front .shade{background:linear-gradient(90deg,#28140061,#28140000 70%)}.wbk .leaf .back .shade{background:linear-gradient(270deg,#28140061,#28140000 70%)}.wbk .leaf.go .shade{animation:.9s ease-in-out both wb-shade}@keyframes wb-shade{0%,to{opacity:0}50%{opacity:1}}.wbk .leaf .cover-face{border-radius:0 14px 14px 0}.wbk .ph{align-items:center;gap:10px;min-height:34px;display:flex}.wbk .sec{color:#fff;font-family:var(--display);letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-flex}.wbk .sec.learn{background:#2e86f5}.wbk .sec.practice{background:#f0506e}.wbk .sec.story{background:#2fbf71}.wbk .sec.more{background:#8b5cf6}.wbk .sec.check{background:#e89a00}.wbk .sec.report,.wbk .sec.start{background:#0a1e4a}.wbk .lvlbadge{background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--paper-edge);font-family:var(--display);color:var(--ink);border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:4px 11px 4px 8px;font-size:13.5px;font-weight:500;display:inline-flex}.wbk .lvlbadge svg{width:18px;height:18px}.wbk .pg h2{font-size:31px}.wbk .lead{color:var(--ink);font-size:18px;line-height:1.45}.wbk .small{color:var(--muted);font-size:14.5px}.wbk .rule{border-top:2.5px dashed var(--line);height:0}.wbk .btn{min-height:50px;font-family:var(--display);color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(#2e9bff,#066ccd);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:19px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;box-shadow:0 5px #054f96,0 10px 16px #063c8c33}.wbk .btn:hover{filter:brightness(1.06)}.wbk .btn:active{transform:translateY(4px);box-shadow:0 1px #054f96}.wbk .btn.gold{color:var(--navy);background:linear-gradient(#ffd25a,#ffb400);box-shadow:0 5px #d49a00,0 10px 16px #b4780038}.wbk .btn.gold:active{box-shadow:0 1px #d49a00}.wbk .btn.ghost{color:var(--blue);background:#fff;box-shadow:0 4px #cfe0f6,inset 0 0 0 2px #d6e5f8}.wbk .btn.ghost:active{box-shadow:0 1px #cfe0f6,inset 0 0 0 2px #d6e5f8}.wbk .btn.sm{border-radius:13px;min-height:40px;padding:0 16px;font-size:16px}.wbk .btn[disabled]{opacity:.45;pointer-events:none}.wbk .btn svg{width:22px;height:22px}.wbk .coach{align-items:flex-end;gap:6px;margin-top:auto;display:flex}.wbk .coach .buddy{flex:none;width:118px;margin-bottom:-14px;margin-left:-8px}.wbk .nar{background:#fff;border-radius:20px;flex:1;min-width:0;margin-bottom:14px;padding:13px 16px;font-size:17.5px;line-height:1.55;position:relative;box-shadow:0 0 0 3px #cfe6ff,0 8px 16px #0a50aa1f}.wbk .nar:before{content:"";background:#fff;border-radius:4px;width:20px;height:20px;position:absolute;bottom:26px;left:-9px;transform:rotate(45deg);box-shadow:-3px 3px #cfe6ff}.wbk .nar .say{background:var(--sky);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .12s;display:grid;position:absolute;top:-16px;right:-6px;box-shadow:0 4px #1b74cc}.wbk .nar .say:active{transform:translateY(3px);box-shadow:0 1px #1b74cc}.wbk .nar .say svg{width:20px;height:20px}.wbk .nar.on .say{background:var(--gold);color:var(--navy);animation:1s ease-in-out infinite wb-pulse;box-shadow:0 4px #d49a00}@keyframes wb-pulse{50%{transform:scale(1.1)}}.wbk .w{border-radius:5px;transition:background .15s;display:inline;position:relative}.wbk .w.now{background:var(--gold-soft)}.wbk .w.now:after{content:"";background:var(--gold);width:0;height:4px;animation:wb-ul var(--dur,.4s) linear forwards;border-radius:2px;position:absolute;bottom:-1px;left:0}@keyframes wb-ul{to{width:100%}}.wbk .w.done{box-shadow:inset 0 -3px #ffc2218c}.wbk .mg{filter:drop-shadow(0 3px #a046002e);flex:none;width:36px;height:40px}.wbk .pairs{flex-wrap:wrap;place-content:center;align-items:center;gap:8px 10px;display:flex}.wbk .pair{background:var(--even-soft);border-radius:30px;gap:2px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 2.5px #a9cbfa}.wbk .pair .mg{animation:.45s cubic-bezier(.3,1.8,.5,1) both wb-pop}.wbk .pair .mg:nth-child(2){animation-delay:60ms}.wbk .lone{background:var(--odd-soft);border:0;border-radius:30px;padding:6px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 2.5px #ffb78a}.wbk .lone .mg{animation:1s ease-in-out .5s infinite wb-wiggle}.wbk .lone em{font:600 13px var(--display);color:#c4510a;white-space:nowrap;font-style:normal;position:absolute;top:100%;left:50%;transform:translate(-50%,3px)}.wbk .pairs.big .mg{width:44px;height:48px}@keyframes wb-pop{0%{transform:scale(0)rotate(-20deg)}to{transform:none}}@keyframes wb-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.wbk .pile{flex-wrap:wrap;justify-content:center;gap:2px;max-width:300px;margin:0 auto;display:flex}.wbk .pile .mg{width:30px;height:34px}.wbk .numchips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.wbk .numchips button{width:44px;height:44px;font-family:var(--display);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);background:#fff;border-radius:14px;font-size:20px;font-weight:600;transition:transform .12s,background .2s,color .2s}.wbk .numchips button:hover{transform:translateY(-2px)}.wbk .numchips button.on.odd{background:var(--odd);color:#fff;box-shadow:0 3px #c4510a}.wbk .numchips button.on.even{background:var(--even);color:#fff;box-shadow:0 3px #1b5fc4}.wbk .demo{box-shadow:inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:14px;display:flex;position:relative}.wbk .verdict{font-family:var(--display);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:9px 16px;font-size:23px;font-weight:600;transition:background .3s;display:flex}.wbk .verdict.odd{background:var(--odd);box-shadow:0 4px #c4510a}.wbk .verdict.even{background:var(--even);box-shadow:0 4px #1b5fc4}.wbk .verdict small{font:500 15px var(--text);opacity:.95}.wbk .digits{justify-content:center;align-items:center;gap:8px;display:flex}.wbk .dg{width:70px;height:92px;font-family:var(--display);color:var(--ink);box-shadow:0 5px 0 var(--paper-edge),inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:18px;place-items:center;font-size:58px;font-weight:700;transition:transform .2s,background .3s;display:grid}.wbk .dg.last{background:var(--gold-soft);box-shadow:0 5px 0 #e5b200,inset 0 0 0 3px var(--gold);transform:translateY(-6px)}.wbk .dg.last.odd{background:var(--odd-soft);box-shadow:0 5px 0 #e8844c,inset 0 0 0 3px var(--odd)}.wbk .dg.last.even{background:var(--even-soft);box-shadow:0 5px 0 #6fa4ee,inset 0 0 0 3px var(--even)}.wbk .dg.pulse{animation:.5s cubic-bezier(.3,1.8,.5,1) wb-dgp}@keyframes wb-dgp{0%{transform:scale(.7)}to{transform:none}}.wbk .endrow{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.wbk .endrow span{height:38px;font:600 20px var(--display);border-radius:11px;place-items:center;transition:transform .2s,box-shadow .2s;display:grid}.wbk .endrow .e{background:var(--even-soft);color:#1b5fc4}.wbk .endrow .o{background:var(--odd-soft);color:#c4510a}.wbk .endrow .hit{transform:translateY(-4px)scale(1.1);box-shadow:0 4px #00000026,inset 0 0 0 3px}.wbk .endlabel{width:100%;font:600 13.5px var(--display);justify-content:space-between;display:flex}.wbk .endlabel .e{color:#1b5fc4}.wbk .endlabel .o{color:#c4510a}.wbk .stepper{justify-content:center;align-items:center;gap:10px;display:flex}.wbk .stepper .rb{width:46px;height:46px;box-shadow:0 4px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);font:600 26px var(--display);background:#fff;border-radius:15px;place-items:center;display:grid}.wbk .stepper .rb:active{box-shadow:0 1px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);transform:translateY(3px)}.wbk .stepper input{width:112px;height:46px;box-shadow:inset 0 0 0 2.5px var(--paper-edge);text-align:center;font:600 24px var(--display);color:var(--ink);background:#fff;border:0;border-radius:15px}.wbk .tryrow{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.wbk .tryrow button{background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--paper-edge);font:500 15px var(--display);color:var(--ink);border-radius:14px;padding:5px 12px}.wbk .tryrow button:hover{background:var(--gold-soft)}.wbk .plate{box-shadow:inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:18px;padding:14px 16px;position:relative}.wbk .plate label{font:500 14px var(--display);color:var(--muted);margin-bottom:4px;display:block}.wbk .nameinput{border:0;border-bottom:3px dashed var(--paper-edge);width:100%;font:600 34px var(--display);color:var(--navy);background:0 0;padding:2px 0 4px}.wbk .nameinput::placeholder{color:#c9bc96}.wbk .nameinput:focus{border-bottom-color:var(--gold);outline:0}.wbk .howto{gap:9px;display:grid}.wbk .howto li{align-items:center;gap:12px;font-size:16.5px;line-height:1.35;list-style:none;display:flex}.wbk .howto{margin:0;padding:0}.wbk .howto .ic{color:#fff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.wbk .howto .ic svg{width:24px;height:24px}.wbk .planbox{background:linear-gradient(#fff4c9,#ffe9a0);border-radius:18px;padding:12px 14px;box-shadow:inset 0 0 0 3px #f6d56a}.wbk .planbox h4{margin-bottom:4px;font-size:17px}.wbk .planbox .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.wbk .planbox .tags span{font:500 14px var(--display);background:#fff;border-radius:12px;padding:3px 10px;box-shadow:inset 0 0 0 2px #f0d47a}.wbk .toc{gap:9px;margin:0;padding:0;display:grid}.wbk .toc li{list-style:none}.wbk .toc button{text-align:left;width:100%;box-shadow:0 4px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;transition:transform .15s;display:flex}.wbk .toc button:hover{transform:translate(4px)}.wbk .toc .sw{color:#fff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.wbk .toc .sw svg{width:26px;height:26px}.wbk .toc .tt{flex:1;min-width:0}.wbk .toc .tt b{font:600 19px var(--display);color:var(--navy);display:block}.wbk .toc .tt span{color:var(--muted);font-size:14px}.wbk .toc .pg-n{font:600 15px var(--display);color:#a89a74}.wbk .toc .go{font:600 12.5px var(--display);background:var(--gold);color:var(--navy);border-radius:12px;flex:none;padding:3px 9px}.wbk .mini{gap:3px;margin-top:5px;display:flex}.wbk .mini i{background:var(--paper-2);width:22px;height:7px;box-shadow:inset 0 0 0 1.5px var(--paper-edge);border-radius:4px}.wbk .mini i.f{background:var(--green);box-shadow:none}.wbk .pips{align-items:center;gap:7px;display:flex}.wbk .pips i{background:var(--paper-2);height:10px;box-shadow:inset 0 0 0 2px var(--paper-edge);border-radius:6px;flex:1;transition:background .3s}.wbk .pips i.cur{box-shadow:inset 0 0 0 2.5px var(--sky);background:#fff}.wbk .pips i.ok{background:var(--green);box-shadow:none}.wbk .pips i.half{box-shadow:none;background:#9bd97c}.wbk .pips i.no{background:var(--coral);box-shadow:none}.wbk .qcard{min-height:0;box-shadow:inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:16px;animation:.4s cubic-bezier(.3,1.3,.5,1) wb-cardin;display:flex;position:relative}@keyframes wb-cardin{0%{opacity:0;transform:translateY(14px)scale(.97)}}.wbk .qprompt{font:600 22px var(--display);color:var(--navy);text-align:center;text-wrap:balance;line-height:1.25}.wbk .bignum{font:700 112px/1 var(--display);color:var(--navy);letter-spacing:-2px;text-align:center}.wbk .bignum.lg{font-size:132px}.wbk .ans2{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.wbk .ans{height:84px;font:700 30px var(--display);color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:10px;transition:transform .12s,box-shadow .12s,opacity .3s;display:flex}.wbk .ans.odd{background:var(--odd);box-shadow:0 6px #c4510a}.wbk .ans.even{background:var(--even);box-shadow:0 6px #1b5fc4}.wbk .ans:active{transform:translateY(5px);box-shadow:0 1px #0003}.wbk .ans.ok{background:var(--green);animation:.6s cubic-bezier(.3,1.8,.5,1) wb-cheer;box-shadow:0 6px #1b8f52}.wbk .ans.no{opacity:.4;pointer-events:none;animation:.45s wb-shake}.wbk .ans small{font:500 14px var(--text);opacity:.9}.wbk .fb{min-height:30px;font:600 18px var(--display);text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.wbk .fb.ok{color:#17824c}.wbk .fb.no{color:#c23b27}.wbk .fb .pop{animation:.4s cubic-bezier(.3,1.8,.5,1) wb-pop}.wbk .qfoot{justify-content:space-between;align-items:center;gap:10px;min-height:46px;display:flex}.wbk .hintbtn{box-shadow:inset 0 0 0 2px var(--paper-edge),0 3px 0 var(--paper-edge);font:600 16px var(--display);color:var(--blue);background:#fff;border-radius:14px;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.wbk .hintbtn svg{width:20px;height:20px}.wbk .hintline{color:var(--muted);flex:1;font-size:15.5px;line-height:1.3}.wbk .streak{font:600 14px var(--display);color:#9a6a00;background:#fff0c2;border-radius:14px;align-items:center;gap:6px;padding:4px 11px;animation:.4s cubic-bezier(.3,1.8,.5,1) wb-pop;display:inline-flex}@keyframes wb-cheer{0%{transform:scale(1)}40%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1)}}@keyframes wb-shake{20%{translate:-9px}40%{translate:8px}60%{translate:-5px}80%{translate:3px}}.wbk .oo{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.wbk .oo button{height:92px;font:700 44px var(--display);color:var(--navy);box-shadow:0 6px 0 var(--paper-edge),inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:20px;transition:transform .12s,background .2s}.wbk .oo button:hover{transform:translateY(-3px)}.wbk .oo button:active{box-shadow:0 1px 0 var(--paper-edge),inset 0 0 0 3px var(--paper-edge);transform:translateY(4px)}.wbk .oo button.ok{background:var(--green);color:#fff;animation:.6s wb-cheer;box-shadow:0 6px #1b8f52}.wbk .oo button.no{opacity:.4;pointer-events:none;animation:.45s wb-shake}.wbk .oo button.rev.odd{background:var(--odd-soft);box-shadow:inset 0 0 0 3px var(--odd)}.wbk .oo button.rev.even{background:var(--even-soft);box-shadow:inset 0 0 0 3px var(--even)}.wbk .seq{flex-wrap:nowrap;justify-content:center;gap:7px;display:flex}.wbk .seq span{width:68px;height:78px;font:700 34px var(--display);color:var(--navy);box-shadow:0 5px 0 var(--paper-edge),inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:18px;place-items:center;display:grid}.wbk .seq span.blank{background:var(--gold-soft);box-shadow:0 5px 0 #e5b200,inset 0 0 0 3px var(--gold);color:#9a6a00}.wbk .seq span.blank.ok{background:var(--green-soft);box-shadow:0 5px 0 #7ccb9f,inset 0 0 0 3px var(--green);color:#17824c}.wbk .seq span.blank.no{background:var(--bad-soft);box-shadow:0 5px 0 #f0a89b,inset 0 0 0 3px var(--bad);color:#b33523;animation:.45s wb-shake}.wbk .seq.s5 span{width:60px}.wbk .numpad{grid-template-columns:repeat(5,1fr);gap:7px;width:100%;max-width:380px;display:grid}.wbk .numpad button{height:46px;font:600 22px var(--display);color:var(--ink);box-shadow:0 4px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);background:#fff;border-radius:14px}.wbk .numpad button:active{box-shadow:0 1px 0 var(--paper-edge),inset 0 0 0 2px var(--paper-edge);transform:translateY(3px)}.wbk .numpad .chk{background:var(--green);color:#fff;grid-column:span 2;box-shadow:0 4px #1b8f52}.wbk .numpad .del{background:var(--paper-2)}.wbk .sortwrap{flex-direction:column;gap:12px;width:100%;height:100%;display:flex}.wbk .tray{background:var(--paper-2);min-height:116px;box-shadow:inset 0 0 0 2.5px var(--paper-edge);border-radius:18px;flex-wrap:wrap;place-content:center;gap:9px;padding:8px;display:flex}.wbk .tile{min-width:70px;height:56px;font:700 27px var(--display);color:var(--navy);box-shadow:0 5px 0 var(--paper-edge),inset 0 0 0 2.5px var(--paper-edge);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:15px;padding:0 14px;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s}.wbk .tile:hover{transform:translateY(-3px)rotate(-1.5deg)}.wbk .tile.sel{box-shadow:0 8px 0 #e5b200,inset 0 0 0 3px var(--gold);background:var(--gold-soft);transform:translateY(-6px)scale(1.08)}.wbk .tile.shake{animation:.45s wb-shake}.wbk .tile.drag{z-index:200;pointer-events:none;position:fixed;transform:scale(1.15)rotate(4deg);box-shadow:0 18px 26px #0a1e4a4d}.wbk .baskets{flex:1;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.wbk .basket{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 12px;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.wbk .basket.even{background:var(--even-soft);box-shadow:inset 0 0 0 3px #a9cbfa,0 5px #8db6f2}.wbk .basket.odd{background:var(--odd-soft);box-shadow:inset 0 0 0 3px #ffb78a,0 5px #f2a074}.wbk .basket.hot{box-shadow:inset 0 0 0 4px var(--gold),0 5px 0 #e5b200;transform:scale(1.04)}.wbk .basket h4{font-size:20px}.wbk .basket.even h4{color:#1b5fc4}.wbk .basket.odd h4{color:#c4510a}.wbk .basket .hint{color:var(--muted);font-size:13.5px;line-height:1.2}.wbk .basket .in{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:5px;display:flex}.wbk .basket .in span{min-width:44px;height:36px;font:700 19px var(--display);background:#fff;border-radius:11px;place-items:center;padding:0 8px;animation:.4s cubic-bezier(.3,1.8,.5,1) wb-pop;display:grid}.wbk .basket.even .in span{color:#1b5fc4}.wbk .basket.odd .in span{color:#c4510a}.wbk .done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;animation:.4s wb-cardin;display:flex}.wbk .score{font:700 70px/1 var(--display);color:var(--navy)}.wbk .score small{color:var(--muted);font-size:30px}.wbk .done .reward{pointer-events:none;flex:0 120px;width:120px;height:120px;min-height:0;margin-bottom:-14px}.wbk .stars{gap:8px;display:flex}.wbk .stars svg{filter:drop-shadow(0 4px #b4780040);width:54px;height:54px}.wbk .stars svg.pop{animation:.6s cubic-bezier(.3,1.8,.5,1) both wb-starin}@keyframes wb-starin{0%{transform:scale(0)rotate(-40deg)}to{transform:none}}.wbk .delta{background:var(--green-soft);color:#17824c;font:600 17px var(--display);border-radius:14px;padding:7px 14px}.wbk .delta.flat{background:var(--paper-2);color:var(--ink)}.wbk .history{font:500 14px var(--display);color:var(--muted);align-items:center;gap:6px;display:flex}.wbk .history i{background:var(--paper-2);min-width:34px;height:26px;color:var(--ink);border-radius:9px;place-items:center;padding:0 7px;font-style:normal;display:inline-grid}.wbk .history i.last{background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--gold)}.wbk .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wbk .scene{box-shadow:inset 0 0 0 3px var(--paper-edge),0 6px 0 var(--paper-edge);background:#cfe9ff;border-radius:20px;flex:none;overflow:hidden}.wbk .storytext{color:var(--ink);font-size:19.5px;line-height:1.72}.wbk .storytext .w.num{color:#c4510a;font-weight:700}.wbk .storyrow{align-items:center;gap:10px;display:flex}.wbk .skills{gap:10px;display:grid}.wbk .sk{grid-template-columns:34px 1fr auto;align-items:center;gap:2px 10px;display:grid}.wbk .sk .ic{color:#fff;border-radius:11px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.wbk .sk b{font:600 16.5px var(--display);color:var(--navy)}.wbk .sk .lv{font:500 13px var(--display);color:var(--muted);text-align:right}.wbk .bar{background:var(--paper-2);height:12px;box-shadow:inset 0 0 0 2px var(--paper-edge);border-radius:7px;grid-column:2/4;overflow:hidden}.wbk .bar i{border-radius:7px;width:0;height:100%;transition:width 1s cubic-bezier(.3,1,.4,1);display:block}.wbk .trend{font:600 13px var(--display);color:#17824c;margin-left:6px}.wbk .chartbox{box-shadow:inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:18px;padding:10px 12px 6px}.wbk .insight{background:#fff4c9;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:15px;line-height:1.38;display:flex;box-shadow:inset 0 0 0 2.5px #f6d56a}.wbk .insight svg{color:#b67f00;flex:none;width:24px;height:24px;margin-top:2px}.wbk .empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px 6px;display:flex}.wbk .cta{background:var(--navy);color:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;line-height:1.3;display:flex}.wbk .cta b{font-family:var(--display);font-size:16.5px;display:block}.wbk .cta .btn{flex:none;min-height:40px;padding:0 14px;font-size:15px}.wbk .cover{cursor:pointer;color:#fff;background:radial-gradient(120% 70% at 50% 8%,#1b5fc4 0,#0f3a86 45%,#0a1e4a 100%);border-radius:0 14px 14px 0;position:absolute;inset:0;overflow:hidden}.wbk .book.single .cover{border-radius:14px}.wbk .cover:before{content:"";pointer-events:none;border:3px solid #ffd25a8c;border-radius:12px;position:absolute;inset:14px}.wbk .cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000059,#0000);width:22px;position:absolute;top:0;bottom:0;left:0}.wbk .cover .ct{text-align:center;padding:0 40px;position:absolute;top:52px;left:0;right:0}.wbk .cover .badge{background:var(--gold);color:var(--navy);font:600 15px var(--display);border-radius:20px;padding:5px 16px;display:inline-block;box-shadow:0 3px #d49a00}.wbk .cover h1{color:#ffe08a;text-shadow:0 4px #00000047;letter-spacing:.3px;margin-top:14px;font-size:58px;line-height:1.02}.wbk .cover h1 small{color:#fff;text-shadow:none;margin-top:8px;font-size:27px;font-weight:500;display:block}.wbk .cover .art{position:absolute;bottom:78px;left:0;right:0}.wbk .cover .for{text-align:center;font:500 17px var(--display);opacity:.95;position:absolute;bottom:30px;left:0;right:0}.wbk .cover .open{z-index:3;animation:1.6s ease-in-out infinite wb-bob;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}@keyframes wb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.wbk .cover .vee-c{z-index:2;width:150px;position:absolute;bottom:44px;right:16px}.wbk .cover .ribbon{background:linear-gradient(180deg,var(--ribbon,#f0506e),var(--ribbon-2,#c73a57));clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);width:30px;height:120px;position:absolute;top:-4px;right:38px;box-shadow:0 4px 8px #0000004d}.wbk .bot{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--navy);z-index:30;color:#fff;justify-content:center;align-items:center;gap:14px;display:flex}.wbk .bot .btn{min-height:46px;padding:0 20px;font-size:18px}.wbk .dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:56vw;display:flex}.wbk .dots button{background:#ffffff40;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s}.wbk .dots button.cur{background:var(--gold);transform:scale(1.4)}.wbk .dots button.vis{background:#fff9}.wbk .bot .where{font:500 15px var(--display);opacity:.9;text-align:center;min-width:110px}.wbk .ov{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1e4a8c;place-items:center;padding:16px;animation:.25s wb-fade;display:grid;position:fixed;inset:0}@keyframes wb-fade{0%{opacity:0}}.wbk .mod{background:#fff;border-radius:26px;width:min(560px,100%);max-height:calc(100% - 8px);animation:.45s cubic-bezier(.3,1.5,.5,1) wb-modin;position:relative;overflow:auto;box-shadow:0 0 0 4px #5aaeff,0 24px 50px #00000059}@keyframes wb-modin{0%{opacity:0;transform:translateY(24px)scale(.94)}}.wbk .mod-h{background:linear-gradient(#eaf4ff,#fff);align-items:flex-end;gap:14px;padding:16px 20px 0;display:flex}.wbk .mod-h .buddy{flex:none;width:112px;margin-bottom:-12px}.wbk .mod-h .tt{flex:1;padding-bottom:14px}.wbk .mod-h .tt small{font:600 13px var(--display);color:#c23b27;letter-spacing:.3px}.wbk .mod-h .tt h3{text-wrap:balance;margin-top:3px;font-size:25px}.wbk .mod-b{gap:12px;padding:16px 22px 6px;font-size:18px;line-height:1.5;display:grid}.wbk .mod-b .viz{background:var(--paper);box-shadow:inset 0 0 0 3px var(--paper-edge);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.wbk .mod-b .viz .digits .dg{width:58px;height:76px;font-size:46px}.wbk .mod-f{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:10px 22px 20px;display:flex}.wbk .mod .x{z-index:2;background:#0a1e4a14;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.wbk .mod .x svg{width:18px;height:18px}.wbk .mod.parent{width:min(620px,100%)}.wbk .pform{gap:14px;padding:6px 22px 4px;display:grid}.wbk .pform h3{padding:20px 22px 0;font-size:25px}.wbk .field label{font:600 16px var(--display);color:var(--navy);margin-bottom:6px;display:block}.wbk .field input[type=text]{width:100%;height:46px;box-shadow:inset 0 0 0 2.5px var(--paper-edge);font:600 20px var(--display);color:var(--navy);background:#fff;border:0;border-radius:13px;padding:0 14px}.wbk .checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wbk .checks label{background:var(--paper);box-shadow:inset 0 0 0 2.5px var(--paper-edge);cursor:pointer;font:500 16px var(--display);color:var(--ink);border-radius:14px;align-items:center;gap:10px;margin:0;padding:10px 12px;transition:background .2s,box-shadow .2s;display:flex}.wbk .checks label:has(input:checked){background:var(--gold-soft);box-shadow:inset 0 0 0 2.5px var(--gold)}.wbk .checks input{width:20px;height:20px;accent-color:var(--blue)}.wbk .seg{gap:6px;display:flex}.wbk .seg button{background:var(--paper);height:44px;box-shadow:inset 0 0 0 2.5px var(--paper-edge);font:600 16px var(--display);color:var(--ink);border-radius:13px;flex:1}.wbk .seg button.on{background:var(--blue);color:#fff;box-shadow:0 4px #054f96}.wbk .note{color:var(--muted);background:var(--paper);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.4}.wbk .wb-toasts{z-index:150;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.wbk .toast{background:var(--navy);color:#fff;font:500 16px var(--display);border-radius:16px;padding:10px 18px;animation:2.6s both wb-toast;box-shadow:0 8px 20px #0000004d}@keyframes wb-toast{0%{opacity:0;transform:translateY(10px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.wbk .wb-confetti{pointer-events:none;z-index:160;position:fixed;inset:0}.wbk .mflyer{z-index:170;pointer-events:none;width:34px;height:38px;animation:1s cubic-bezier(.5,0,.3,1) forwards wb-mfly;position:fixed}@keyframes wb-mfly{to{transform:translate(var(--dx),var(--dy)) scale(.5) rotate(40deg);opacity:.2}}@media (max-width:860px){.wbk .top{gap:8px;padding:8px 12px}.wbk .top img{height:32px}.wbk .top .ttl{display:none}.wbk .chip{padding:4px 10px 4px 6px;font-size:14px}.wbk .parentbtn span{display:none}.wbk .parentbtn{padding:0 12px}.wbk .bot{gap:8px;padding:8px 10px}.wbk .dots{display:none}.wbk .bot .where{flex:1;min-width:0}.wbk .tabs button{padding:0 2px;font-size:12.5px}.wbk .mod-b{font-size:17px}.wbk .checks{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wbk *,.wbk :before,.wbk :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wbk .book{top:56px;left:16px}.wbk .tabs{transition:opacity .4s;top:14px;left:40px;right:40px}.wbk .tabs.hide{opacity:0;pointer-events:none}.wbk .book.closed{transform:translate(-250px)}.wbk .book.single.closed{transform:none}.wbk .book.closed:not(.single) .board{left:484px;right:-16px}.wbk .oo.txt button{font:700 20px var(--display)}.wbk .stage-in{overflow:visible}.wbk .leaf .face *{pointer-events:none}.wbk .ic-i svg{width:1em;height:1em}.wbk .btn svg,.wbk .hintbtn svg{flex:none}.wbk .cover .vee-c .buddy{width:100%}.wbk .demo{justify-content:flex-start}.wbk .demo.compact{gap:6px;min-height:0;padding:10px 12px}.wbk .demo.compact .digits .dg{border-radius:15px;width:54px;height:68px;font-size:42px}.wbk .demo.compact .endrow span{height:30px;font-size:17px}.wbk .demo.compact .endlabel{font-size:12.5px}.wbk .demo.compact .stepper .rb{width:40px;height:40px;font-size:23px}.wbk .demo.compact .stepper input{width:100px;height:40px}.wbk .tryrow{margin:2px 0}.wbk .tryrow button{padding:4px 11px;font-size:14px}.wbk .chartbox svg{max-height:100px;display:block}.wbk .insight{padding:8px 12px;font-size:14px;line-height:1.32}.wbk .cta{padding:8px 12px;font-size:14px}.wbk .cta b{font-size:15.5px}.wbk .cover .for{bottom:26px}.wbk .toc{gap:7px}.wbk .toc button{padding:8px 12px}.wbk .cover .art{bottom:138px}.wbk .cover .vee-c{width:140px;bottom:70px}.wbk .cover .open{bottom:50px;left:50%}.wbk .cover .for{display:none}.wbk .cover .art{bottom:0;left:-8%;right:-8%}.wbk .cover:before{z-index:4}.wbk .cover .open{z-index:5;bottom:44px;left:50%}.wbk .cover .art{left:-24%;right:-24%}.wbk .cover .open{bottom:34px}.wbk .cover .vee-c{width:118px;bottom:30px;right:22px}.wbk .cover .open{animation:none;bottom:44px;left:34px;transform:none}.wbk .nar.story-nar:before,.wbk .nar.story-nar:after{display:none}.wbk .buddy{--skin:#a96b42;--skin-dark:#8b5534;--hair:#21150f;--torso:#066ccd;--sleeve:#066ccd;--forearm:#066ccd;--pants:#173b7a;--ul:6deg;--fl:-4deg;--hl:0deg;--ur:-6deg;--fr:4deg;--hr:0deg;--head:0deg;--lean:0deg;--look-x:0px;--look-y:0px;--brow-l:0deg;--brow-r:0deg;--brow-ry:0px}.wbk .vee{width:100%;height:auto;display:block;overflow:visible}.wbk .vee .skin{fill:var(--skin)}.wbk .vee .hair{fill:var(--hair)}.wbk .vee .torso{fill:var(--torso)}.wbk .vee .sleeve{fill:var(--sleeve)}.wbk .vee .forearm{fill:var(--forearm)}.wbk .vee .pants{fill:var(--pants)}.wbk .vee .sleeve,.wbk .vee .forearm,.wbk .vee .torso{stroke:#0a1e4a33;stroke-width:1.6px}.wbk .vee .shoe{fill:#fff;stroke:#dce4f2;stroke-width:2px}.wbk .v-shadow{fill:#0a1e4a2e;transform-box:fill-box;transform-origin:50%}.wbk .upper,.wbk .fore,.wbk .hand,.wbk .v-head{transform-origin:0 0;transition:transform .55s cubic-bezier(.34,1.35,.5,1)}.wbk .upper-l{transform:rotate(var(--ul))}.wbk .fore-l{transform:rotate(var(--fl))}.wbk .hand-l{transform:rotate(var(--hl))}.wbk .upper-r{transform:rotate(var(--ur))}.wbk .fore-r{transform:rotate(var(--fr))}.wbk .hand-r{transform:rotate(var(--hr))}.wbk .v-head{transform:rotate(var(--head))}.wbk .v-lean{transform-origin:160px 440px;transform:rotate(var(--lean));transition:transform .5s}.wbk .v-body{transform-origin:160px 440px}.wbk .h-thumbup,.wbk .h-finger{opacity:0;transform-box:fill-box;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:scale(.2)}.wbk .h-thumbup{transform-origin:50% 100%}.wbk .h-finger{transform-origin:50% 0}.wbk .buddy[data-pose=thumbsup] .hand-l .h-thumbup{opacity:1;transform:scale(1.25)}.wbk .buddy[data-pose=thumbsup] .hand-l{scale:1.3}.wbk .buddy[data-pose=point] .hand-l .h-finger{opacity:1;transform:none}.wbk .buddy[data-pose=thumbsup] .hand-l .h-side,.wbk .buddy[data-pose=point] .hand-l .h-side{opacity:0}.wbk .brow-l{transform-box:fill-box;transform-origin:50%;transform:rotate(var(--brow-l));transition:transform .3s}.wbk .brow-r{transform-box:fill-box;transform-origin:50%;transform:translateY(var(--brow-ry)) rotate(var(--brow-r));transition:transform .3s}.wbk .pupil{transform:translate(var(--look-x),var(--look-y));transition:transform .35s}.wbk .eye{transform-box:fill-box;transform-origin:50%;animation:5.2s infinite wb-blink}.wbk .eyes-happy,.wbk .m{display:none}.wbk .m-smile{display:inline}.wbk .buddy[data-pose=thumbsup] .m-smile,.wbk .buddy[data-pose=clap] .m-smile,.wbk .buddy[data-pose=celebrate] .m-smile,.wbk .buddy[data-pose=wave] .m-smile{display:none}.wbk .buddy[data-pose=thumbsup] .m-big,.wbk .buddy[data-pose=clap] .m-big,.wbk .buddy[data-pose=celebrate] .m-big,.wbk .buddy[data-pose=wave] .m-big{display:inline}.wbk .buddy[data-pose=think] .m-smile,.wbk .buddy[data-pose=oops] .m-smile{display:none}.wbk .buddy[data-pose=think] .m-side,.wbk .buddy[data-pose=oops] .m-soft{display:inline}.wbk .buddy[data-pose=clap] .eyes-open,.wbk .buddy[data-pose=celebrate] .eyes-open{display:none}.wbk .buddy[data-pose=clap] .eyes-happy,.wbk .buddy[data-pose=celebrate] .eyes-happy{display:inline}.wbk .buddy[data-pose=wave]{--ur:-118deg;--fr:-62deg;--head:4deg}.wbk .buddy[data-pose=wave] .fore-r{animation:.7s ease-in-out infinite wb-waveR}.wbk .buddy[data-pose=point]{--ul:100deg;--fl:6deg;--ur:-38deg;--fr:91deg;--head:-5deg;--lean:-2deg;--look-x:-3.5px}.wbk .buddy[data-pose=think]{--ur:79deg;--fr:125deg;--ul:38deg;--fl:-91deg;--head:7deg;--look-x:-2.5px;--look-y:-3px;--brow-ry:-5px;--brow-r:-8deg}.wbk .buddy[data-pose=thumbsup]{--ul:25deg;--fl:155deg;--hl:-180deg;--ur:-38deg;--fr:91deg;--head:-3deg}.wbk .buddy[data-pose=thumbsup] .v-body{animation:.6s ease-out wb-hop}.wbk .buddy[data-pose=clap]{--ul:-8deg;--fl:-142deg;--ur:8deg;--fr:142deg}.wbk .buddy[data-pose=clap] .fore-l{animation:.5s ease-in-out infinite wb-clapL}.wbk .buddy[data-pose=clap] .fore-r{animation:.5s ease-in-out infinite wb-clapR}.wbk .buddy[data-pose=clap] .fx-clap{animation:.5s ease-out infinite wb-clapFx}.wbk .buddy[data-pose=clap] .v-body{animation:.5s ease-in-out infinite wb-bounceSm}.wbk .buddy[data-pose=celebrate]{--ul:140deg;--fl:15deg;--ur:-140deg;--fr:-15deg;--head:-3deg}.wbk .buddy[data-pose=celebrate] .v-body{animation:.72s ease-in-out infinite wb-jump}.wbk .buddy[data-pose=celebrate] .v-shadow{animation:.72s ease-in-out infinite wb-shadowJump}.wbk .buddy[data-pose=celebrate] .upper-l{animation:.36s ease-in-out infinite alternate wb-pumpL}.wbk .buddy[data-pose=celebrate] .upper-r{animation:.36s ease-in-out infinite alternate wb-pumpR}.wbk .buddy[data-pose=oops]{--ul:35deg;--fl:115deg;--ur:-35deg;--fr:-115deg;--head:8deg;--brow-l:-14deg;--brow-r:14deg}.wbk .v-body{animation:3.4s ease-in-out infinite wb-bob}.wbk .fx-clap,.wbk .fx-spark{opacity:0}.wbk .buddy[data-pose=celebrate] .fx-spark,.wbk .buddy[data-pose=thumbsup] .fx-spark{opacity:1}.wbk .fx-spark path{transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite wb-twinkle}.wbk .fx-spark .s2{animation-delay:.25s}.wbk .fx-spark .s3{animation-delay:.5s}@keyframes wb-hop{0%{transform:translateY(0)}35%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes wb-bounceSm{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wb-jump{0%,to{transform:translateY(0)scale(1.03,.96)}45%{transform:translateY(-30px)scale(.98,1.03)}}@keyframes wb-shadowJump{0%,to{transform:scale(1)}45%{opacity:.5;transform:scale(.7)}}@keyframes wb-waveR{0%,to{transform:rotate(-38deg)}50%{transform:rotate(-80deg)}}@keyframes wb-clapL{0%,to{transform:rotate(-142deg)}50%{transform:rotate(-112deg)}}@keyframes wb-clapR{0%,to{transform:rotate(142deg)}50%{transform:rotate(112deg)}}@keyframes wb-clapFx{0%,60%{opacity:0;transform:translate(160px,196px)scale(.6)}75%{opacity:1;transform:translate(160px,196px)scale(1)}to{opacity:0;transform:translate(160px,196px)scale(1.2)}}@keyframes wb-pumpL{0%{transform:rotate(136deg)}to{transform:rotate(158deg)}}@keyframes wb-pumpR{0%{transform:rotate(-136deg)}to{transform:rotate(-158deg)}}@keyframes wb-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes wb-twinkle{0%,to{opacity:.4;transform:scale(.4)}50%{opacity:1;transform:scale(1.15)}}@keyframes wb-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wb-spinLand{to{transform:translate(-64px)}}@keyframes wb-rise{0%{opacity:0;transform:translateY(8px)}20%{opacity:.9}to{opacity:0;transform:translateY(-26px)}}@keyframes wb-slosh{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wb-flip{0%,60%,to{transform:scaleX(1)}80%{transform:scaleX(.55)}}@keyframes wb-beat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes wb-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.wbk .vee *,.wbk .vee{transition:none!important;animation:none!important}}.wbk .buddy{position:relative}.wbk .buddy.flip .vee{transform:scaleX(-1)}.wbk .buddy.flip .v-pin{display:none}.wbk .stick{transition:opacity .25s}.wbk .buddy:not([data-pose=point]):not([data-pose=idle]):not([data-pose=read]) .stick{opacity:0}.wbk .buddy .h-finger{display:none}.wbk .buddy[data-pose=read]{--ul:94deg;--fl:8deg;--ur:-8deg;--fr:4deg;--head:-3deg;--look-x:-2.5px}.wbk .buddy[data-pose=read] .fore-l{animation:.9s ease-in-out infinite wb-tapStick}.wbk .buddy[data-pose=point] .fore-l{animation:1.1s ease-in-out infinite wb-tapStick}@keyframes wb-tapStick{0%,to{transform:rotate(8deg)}50%{transform:rotate(-4deg)}}.wbk .m-talk{transform-box:fill-box;transform-origin:50% 0;transform:scale(calc(.78 + var(--mouth,0)*.32),calc(.14 + var(--mouth,0)*.9));transition:transform 70ms linear}.wbk .buddy.talking .m:not(.m-talk){display:none!important}.wbk .buddy.talking .m-talk{display:inline!important}@media (prefers-reduced-motion:reduce){.wbk .buddy .fore-l{animation:none!important}}.wbk .pg-in:has(>.skills){gap:8px}.wbk .skills{gap:3px}.wbk .sk{grid-template-columns:30px 1fr auto;gap:1px 10px}.wbk .sk .ic{border-radius:10px;width:30px;height:30px}.wbk .sk .ic svg{width:18px;height:18px}.wbk .sk b{font-size:15px;line-height:1.2}.wbk .sk .lv{font-size:12.5px}.wbk .sk .bar{height:9px}.wbk .chartbox{padding:6px 12px 2px}.wbk .chartbox h4{margin-bottom:0;font-size:14.5px}.wbk .chartbox svg{max-height:none}.wbk .cta{padding:6px 7px 6px 12px}.wbk .cta b{font-size:14.5px;line-height:1.25}.wbk .cta .btn{min-height:34px;font-size:14px}.wbk .pg .cta{margin-bottom:0}.wbk .insight{line-height:1.28}
.wbk{-webkit-text-size-adjust:100%;--card:#fff;--odd-ink:#c4510a;--even-ink:#1b5fc4;--ok-ink:#17824c;--gold-ink:#9a6a00;--bad-ink:#c23b27;--plan-ink:#7a5a00;--streak-bg:#fff0c2;--rule:#d5c79f;--num-ink:#5b6f94;line-height:normal}.wbk .ring{box-shadow:none}.wbk .w.said{box-shadow:inset 0 -3px #ffc2218c}.wbk .w.now:after{width:100%;animation:none}.wbk a.btn,.wbk a.iconbtn,.wbk a.parentbtn{text-decoration:none}.wbk .top a.iconbtn{color:#fff}.wbk .iconbtn.rt-toggle[aria-pressed=false]{opacity:1}.wbk .iconbtn.pdfbtn{width:auto;font:600 15px var(--display);color:#fff;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.wbk .iconbtn.pdfbtn[disabled]{opacity:.5}@media (max-width:860px){.wbk .iconbtn.pdfbtn span{display:none}.wbk .iconbtn.pdfbtn{justify-content:center;width:42px;padding:0}}@media (max-width:480px){.wbk .top .chip.power,.wbk .top .pdfbtn{display:none}}.wbk .mod.pdfwait{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(360px,100%);padding:22px 24px 24px;display:flex}.wbk .mod.pdfwait .bar{width:100%}.wbk .mod.pdfwait .bar i{transition:width .3s}.wbk .upd{z-index:20;background:var(--gold);width:min(560px,100% - 24px);color:var(--navy);border-radius:16px;grid-template-columns:1fr auto;align-items:stretch;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px #d9a200,0 10px 24px #0a1e4a38}.wbk .upd-go{text-align:left;min-height:52px;color:inherit;font:600 16px/1.25 var(--display);align-items:center;gap:10px;padding:8px 6px 8px 14px;display:flex}.wbk .upd-go svg{flex:none;width:22px;height:22px}.wbk .upd-go span{flex-direction:column;gap:2px;min-width:0;display:flex}.wbk .upd-go small{font:500 15px/1.3 var(--text);color:var(--ink)}.wbk .upd-go .upd-msg{font-weight:600}.wbk .upd-x{width:48px;color:var(--navy);border-radius:0 16px 16px 0;place-items:center;display:grid}.wbk .upd-x svg{width:18px;height:18px}.wbk .upd button[disabled]{cursor:progress}@media (prefers-reduced-motion:no-preference){.wbk .upd{animation:.35s ease-out upd-in}}@keyframes upd-in{0%{opacity:0;translate:0 -8px}}.wbk .print-root{pointer-events:none;width:500px;position:fixed;top:0;left:-20000px}.wbk .print-root .book{perspective:none;background:#fffbf0;width:500px;height:auto;position:relative;top:0;left:0;transform:none}.wbk .print-root .pg{box-shadow:none;border-radius:0;margin:0;position:relative;top:0;left:0}@media print{html[data-print-scope] .wbk .print-root{width:500px;left:0}html[data-print-scope] .wbk .print-root .print-pg{-moz-column-break-after:page;break-after:page;-moz-column-break-inside:avoid;break-inside:avoid}html[data-print-scope] .wbk .print-root .print-pg:last-child{-moz-column-break-after:auto;break-after:auto}}.wbk .print-root .cover{border-radius:0}.wbk .print-root *,.wbk .print-root :before,.wbk .print-root :after{transition:none!important;animation:none!important}.wbk .rp-sum{color:var(--ink);margin:2px 0 8px;font-size:13px}.wbk .ws{gap:8px;display:grid}.wbk .ws-row{box-shadow:inset 0 0 0 2.5px var(--paper-edge);background:#fff;border-radius:16px;grid-template-columns:28px 1fr auto 30px;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:grid}.wbk .ws-n{background:var(--paper-2);width:28px;height:28px;font:600 14px var(--display);color:#a89a74;border-radius:50%;place-items:center;display:grid}.wbk .ws-q{align-items:center;gap:10px;min-width:0;display:flex}.wbk .ws-big{font:700 34px/1 var(--display);color:var(--navy)}.wbk .ws-p{font:600 15px/1.25 var(--display);color:var(--muted)}.wbk .ws-nums,.wbk .ws-seq{gap:5px;display:flex}.wbk .ws-nums span{min-width:46px;height:38px;box-shadow:inset 0 0 0 2px var(--paper-edge);font:700 19px var(--display);color:var(--navy);background:#fff;border-radius:11px;place-items:center;padding:0 6px;display:grid}.wbk .ws-nums span.right{background:var(--green-soft);box-shadow:inset 0 0 0 2.5px var(--green);color:#17824c}.wbk .ws-nums span.picked{background:var(--bad-soft);box-shadow:inset 0 0 0 2.5px var(--bad);color:#b33523}.wbk .ws-seq span{width:44px;height:40px;box-shadow:inset 0 0 0 2px var(--paper-edge);font:700 18px var(--display);color:var(--navy);background:#fff;border-radius:11px;place-items:center;display:grid}.wbk .ws-seq span.blank{background:var(--gold-soft);box-shadow:inset 0 0 0 2.5px var(--gold);color:#9a6a00}.wbk .ws-seq span.blank.ok{background:var(--green-soft);box-shadow:inset 0 0 0 2.5px var(--green);color:#17824c}.wbk .ws-seq span.blank.no{background:var(--bad-soft);box-shadow:inset 0 0 0 2.5px var(--bad);color:#b33523}.wbk .ws-a{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.wbk .ws-chip{font:700 16px var(--display);color:#fff;white-space:nowrap;border-radius:12px;padding:4px 12px}.wbk .ws-chip.ok{background:var(--green)}.wbk .ws-chip.no{background:var(--coral)}.wbk .ws-fix{font:600 12.5px var(--display);color:#c23b27;white-space:nowrap}.wbk .ws-mark{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.wbk .ws-mark svg{width:18px;height:18px}.wbk .ws-mark.ok{background:var(--green)}.wbk .ws-mark.no{background:var(--coral)}.wbk .ws-mark.none{background:var(--paper-2);color:#a89a74;font:600 18px var(--display)}.wbk .ws-score{background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--paper-edge);border-radius:16px;align-items:center;gap:12px;margin-top:auto;padding:8px 14px;display:flex}.wbk .ws-score .stars{gap:4px}.wbk .ws-score .stars svg{filter:none;width:28px;height:28px}.wbk .ws-score b{font:700 30px/1 var(--display);color:var(--navy)}.wbk .ws-score b small{color:var(--muted);font-size:16px}.wbk .ws-score>span:last-child{font:600 15px var(--display);color:var(--ink)}.wbk .ws-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.wbk .ws-note{margin-top:-4px}.wbk .basket .in span.slip{box-shadow:inset 0 0 0 2.5px var(--bad)}.wbk .picker{background:var(--paper);border-radius:22px;width:min(600px,100vw - 32px);max-height:calc(100% - 16px);padding:24px 22px 22px;position:relative;overflow:auto;box-shadow:0 22px 40px #0a1e4a59,0 0 0 10px #0f3a86,0 0 0 13px #ffffff1f}.wbk .picker h2{font-size:30px}.wbk .picker .lead{margin-top:4px}.wbk .kids{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}@media (min-width:600px){.wbk .kids{grid-template-columns:repeat(4,minmax(0,1fr))}}.wbk .kidwrap{position:relative}.wbk .kid{width:100%;box-shadow:0 4px 0 var(--paper-edge), inset 0 0 0 2px var(--paper-edge);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;transition:transform .15s;display:flex}.wbk .kid:hover{transform:translateY(-3px)}.wbk .kid[disabled]{opacity:.6}.wbk .kid .av{width:62px;height:62px;font:700 30px var(--display);color:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -4px #0000001f}.wbk .kid b{font:600 19px var(--display);color:var(--navy);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wbk .kid span{color:var(--muted);font-size:13.5px}.wbk .kid.add{min-height:142px;box-shadow:inset 0 0 0 3px var(--paper-edge);color:var(--blue);font:600 17px var(--display);background:0 0;justify-content:center}.wbk .kid.add .plus{background:var(--blue);color:#fff;width:44px;height:44px;font:600 28px/1 var(--display);border-radius:50%;place-items:center;display:grid}.wbk .kidx{color:#c23b27;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2.5px #f0a89b}.wbk .kidx svg{width:16px;height:16px}.wbk .addform{box-shadow:inset 0 0 0 3px var(--paper-edge);background:#fff;border-radius:18px;gap:12px;margin-top:16px;padding:14px 16px;display:grid}.wbk .addform .two{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:520px){.wbk .addform .two{grid-template-columns:1fr auto}}.wbk .addform input[type=text],.wbk .addform select{width:100%;height:46px;box-shadow:inset 0 0 0 2.5px var(--paper-edge);font:600 18px var(--display);color:var(--navy);background:#fff;border:0;border-radius:13px;padding:0 14px}.wbk .swatches{flex-wrap:wrap;gap:8px;display:flex}.wbk .swatches button{border-radius:50%;width:40px;height:40px;box-shadow:inset 0 -3px #0000001f}.wbk .swatches button[aria-pressed=true]{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--blue)}.wbk .pickfoot{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:16px;font-size:14.5px;display:grid}.wbk .linkbtn{font:600 15px var(--display);color:var(--blue)}.wbk .err{color:#c23b27;font:600 15px var(--display)}.wbk .plate.compact{padding:8px 14px 6px}.wbk .plate.compact h2{margin-bottom:2px;font-size:18px}.wbk .plate.compact .nameinput{padding:0 0 2px;font-size:26px}.wbk .toc.compact{flex:1;gap:3px;min-height:0;margin:0 -4px;padding:0 4px 4px;overflow-y:auto}.wbk .toc.compact button{height:46px;box-shadow:0 3px 0 var(--paper-edge), inset 0 0 0 2px var(--paper-edge);border-radius:13px;gap:9px;padding:0 10px}.wbk .toc.compact .sw{border-radius:10px;width:32px;height:32px}.wbk .toc.compact .sw svg{width:19px;height:19px}.wbk .toc.compact .tt b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.15;overflow:hidden}.wbk .toc.compact .tt span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2;display:block;overflow:hidden}.wbk .toc.compact .mini{flex:none;gap:2px;margin-top:0}.wbk .toc.compact .mini i{width:12px;height:6px}.wbk .toc.compact .go{padding:2px 7px;font-size:12px}.wbk .toc.compact .pg-n{text-align:right;flex:none;min-width:30px;font-size:13.5px}.wbk .sample-parts{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wbk .sample-parts li{box-shadow:inset 0 0 0 2px var(--paper-edge);font:500 14px var(--display);color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.wbk .sample-parts i{border-radius:50%;flex:none;width:10px;height:10px}.wbk .textblock{gap:8px;padding-right:46px;display:grid;position:relative}.wbk .textblock .say{background:var(--sky);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .12s;display:grid;position:absolute;top:0;right:0;box-shadow:0 4px #1b74cc}.wbk .textblock .say:active{transform:translateY(3px);box-shadow:0 1px #1b74cc}.wbk .textblock .say svg{width:20px;height:20px}.wbk .textblock.on .say{background:var(--gold);color:var(--navy);animation:1s ease-in-out infinite wb-pulse;box-shadow:0 4px #d49a00}.wbk .artblock{flex:none;max-width:100%;margin:0 auto}.wbk .artblock img{border-radius:18px;width:100%;height:auto;display:block}.wbk .pairs .nil{border:2.5px dashed var(--paper-edge);border-radius:30px;place-items:center;width:72px;height:40px;display:grid}.wbk .pairs .nil em{font:600 13px var(--display);color:var(--muted);font-style:normal}.wbk .demo.hop{gap:8px}.wbk .hop-frog{transition:transform .45s linear}.wbk .hop-arc{animation:.45s ease-in-out wb-hoparc}@keyframes wb-hoparc{50%{transform:translateY(-28px)}}.wbk .places{justify-content:center;gap:14px;display:flex}.wbk .stepper.place{flex-direction:column;gap:8px}.wbk .stepper.place .pl{font:600 13.5px var(--display);color:var(--muted)}.wbk .stepper.place.ones.odd .pl{color:#c4510a}.wbk .stepper.place.ones.even .pl{color:#1b5fc4}.wbk .places .rb{width:42px;height:40px;font-size:23px}.wbk .places .rb[disabled]{opacity:.4;cursor:default}.wbk .places .dg{width:64px;height:82px;font-size:50px}.wbk .qhead{grid-template-columns:38px 1fr 38px;align-items:start;gap:6px;width:100%;display:grid}.wbk .qhead .say{background:var(--sky);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .12s;display:grid;box-shadow:0 4px #1b74cc}.wbk .qhead .say:active{transform:translateY(3px);box-shadow:0 1px #1b74cc}.wbk .qhead .say svg{width:20px;height:20px}.wbk .qhead.on .say{background:var(--gold);color:var(--navy);animation:1s ease-in-out infinite wb-pulse;box-shadow:0 4px #d49a00}.wbk .qprompt .w.num{color:#c4510a}.wbk .qcard.tray-card{gap:10px}.wbk .qcard.tray-card .qprompt{font-size:19px}.wbk .pg-in:has(.qcard.compact){gap:6px}.wbk .qcard.compact{flex:none;gap:6px;padding:8px 12px}.wbk .qcard.compact .qprompt{font-size:18px;line-height:1.2}.wbk .qcard.compact .qhead{grid-template-columns:34px 1fr 34px}.wbk .qcard.compact .qhead .say{width:34px;height:34px}.wbk .qcard.compact .ans{border-radius:16px;height:50px;font-size:22px}.wbk .qcard.compact .fb{min-height:22px;font-size:16px}.wbk .qcard.compact.row{flex-direction:row;align-items:center;gap:10px}.wbk .qcard.compact.row .qhead{flex:1;grid-template-columns:1fr 34px;align-items:center;min-width:0}.wbk .qcard.compact.row .qhead>span:first-child{display:none}.wbk .qcard.compact.row .qprompt{text-align:left;font-size:16px;line-height:1.2}.wbk .qcard.compact.row .ans2{flex:none;gap:8px;width:164px}.wbk .qcard.compact.row .ans{font-size:20px}.wbk .qcard.compact.row .fb{display:none}.wbk .qfoot.compact{gap:8px;min-height:36px}.wbk .qfoot.compact .hintbtn{padding:5px 11px;font-size:15px}.wbk .qfoot.compact .pips{flex:1}.wbk .qfoot.compact .hintline{font-size:14.5px;line-height:1.2}.wbk .qfoot.compact .hintline.ok{font:600 16px var(--display);color:#17824c;align-items:center;gap:6px;display:inline-flex}.wbk .qfoot.compact .btn.sm{min-height:34px;padding:0 12px;font-size:15px}.wbk .done.compact{box-shadow:inset 0 0 0 3px var(--paper-edge);text-align:left;background:#fff;border-radius:20px;flex:none;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:8px 14px;display:grid}.wbk .done.compact .stars{grid-area:1/1;justify-content:center;gap:4px}.wbk .done.compact .stars svg{width:26px;height:26px}.wbk .done.compact .score{text-align:center;grid-area:2/1;font-size:38px}.wbk .done.compact .score small{font-size:18px}.wbk .done.compact .lead{grid-area:1/2;font-size:16px}.wbk .done.compact .row{flex-wrap:wrap;grid-area:2/2;justify-content:flex-start;gap:8px}.wbk .done.compact .btn{border-radius:12px;min-height:36px;padding:0 12px;font-size:15px}.wbk .done.compact .btn svg{width:18px;height:18px}.wbk .done.compact .delta,.wbk .done.compact .history,.wbk .done.compact>.small,.wbk .done.compact .btn.ghost{display:none}.wbk .optimg{pointer-events:none;border-radius:12px;max-width:100%;max-height:84px;display:block}.wbk .optviz{pointer-events:none;place-items:center;display:grid}.wbk .opttxt{pointer-events:none}.wbk .qcheck{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:40px;display:flex}.wbk .qcheck .fb{min-height:0;font-size:16px}.wbk .ans.plain:not(.ok){color:var(--navy);box-shadow:0 6px 0 var(--paper-edge), inset 0 0 0 3px var(--paper-edge);background:#fff}.wbk .ans.plain:not(.ok):active{box-shadow:0 1px 0 var(--paper-edge), inset 0 0 0 3px var(--paper-edge)}.wbk .btn.check{background:var(--green);box-shadow:0 4px #1b8f52}.wbk .btn.check:active{box-shadow:0 1px #1b8f52}.wbk .typein{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.wbk .typein input{background:var(--gold-soft);width:min(260px,100%);height:56px;box-shadow:0 5px 0 #e5b200, inset 0 0 0 3px var(--gold);font:700 26px var(--display);color:#9a6a00;text-align:center;border:0;border-radius:16px;padding:0 14px}.wbk .typein input.ok{background:var(--green-soft);box-shadow:0 5px 0 #7ccb9f, inset 0 0 0 3px var(--green);color:#17824c}.wbk .typein input.no{background:var(--bad-soft);box-shadow:0 5px 0 #f0a89b, inset 0 0 0 3px var(--bad);color:#b33523;animation:.45s wb-shake}.wbk .match{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.wbk .mcol{flex-direction:column;justify-content:center;gap:8px;display:flex}.wbk .mcard{min-height:54px;font:700 22px var(--display);color:var(--navy);box-shadow:0 5px 0 var(--paper-edge), inset 0 0 0 2.5px var(--paper-edge);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s,background .2s;display:flex;position:relative}.wbk .mcard .pairs{gap:4px;padding-bottom:0!important}.wbk .mcard .pair,.wbk .mcard .lone{padding:3px 5px}.wbk .mcard .mg{width:18px;height:20px}.wbk .mcard .lone em{display:none}.wbk .mcard.sel{background:var(--gold-soft);box-shadow:0 7px 0 #e5b200, inset 0 0 0 3px var(--gold);transform:translateY(-3px)scale(1.04)}.wbk .mcard.hot{box-shadow:0 5px 0 #e5b200, inset 0 0 0 4px var(--gold);transform:scale(1.05)}.wbk .mcard.p0{box-shadow:0 5px 0 #1b74cc, inset 0 0 0 3px var(--sky)}.wbk .mcard.p1{box-shadow:0 5px 0 #6a3fd6, inset 0 0 0 3px var(--purple)}.wbk .mcard.p2{box-shadow:0 5px 0 #c4510a, inset 0 0 0 3px var(--orange)}.wbk .mcard.p3{box-shadow:0 5px 0 #c23b57, inset 0 0 0 3px var(--coral)}.wbk .mcard.p4{box-shadow:0 5px 0 #d49a00, inset 0 0 0 3px var(--gold)}.wbk .mcard .mno{width:24px;height:24px;font:700 13px var(--display);color:#fff;background:var(--navy);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:-8px;right:-8px}.wbk .mcard.p0 .mno{background:var(--sky)}.wbk .mcard.p1 .mno{background:var(--purple)}.wbk .mcard.p2 .mno{background:var(--orange)}.wbk .mcard.p3 .mno{background:var(--coral)}.wbk .mcard.p4 .mno{background:#e5a000}.wbk .mcard.no{background:var(--bad-soft);box-shadow:0 5px 0 #f0a89b, inset 0 0 0 3px var(--bad);animation:.45s wb-shake}.wbk .mcard.ok{background:var(--green-soft);box-shadow:0 5px 0 #7ccb9f, inset 0 0 0 3px var(--green);color:#17824c}.wbk .mcard.ok .mno{background:var(--green)}.wbk .mcard .mnos{gap:3px;display:flex;position:absolute;top:-8px;right:-8px}.wbk .mcard .mnos .mno{position:static}.wbk .mcard .mno.q0{background:var(--sky)}.wbk .mcard .mno.q1{background:var(--purple)}.wbk .mcard .mno.q2{background:var(--orange)}.wbk .mcard .mno.q3{background:var(--coral)}.wbk .mcard .mno.q4{background:#e5a000}.wbk .mcard.ok .mnos .mno{background:var(--green)}.wbk .order{grid-template-columns:1fr 1fr;align-items:start;gap:12px;width:100%;display:grid}.wbk .oslots{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.wbk .oslot{text-align:left;width:100%;min-height:46px;font:600 15px/1.2 var(--display);color:var(--navy);box-shadow:0 4px 0 var(--paper-edge), inset 0 0 0 2.5px var(--paper-edge);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:5px 10px 5px 6px;transition:transform .15s,box-shadow .15s,background .2s;display:flex}.wbk .oslot b{background:var(--paper-2);color:#a89a74;width:26px;height:26px;font:700 14px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.wbk .oslot.empty{box-shadow:inset 0 0 0 2.5px var(--paper-edge);background:0 0}.wbk .oslot.empty b{box-shadow:inset 0 0 0 2px var(--paper-edge);background:0 0}.wbk .oslot.sel,.wbk .oslot.hot{background:var(--gold-soft);box-shadow:0 4px 0 #e5b200, inset 0 0 0 3px var(--gold)}.wbk .oslot.no{background:var(--bad-soft);box-shadow:0 4px 0 #f0a89b, inset 0 0 0 3px var(--bad);animation:.45s wb-shake}.wbk .oslot.ok{background:var(--green-soft);box-shadow:0 4px 0 #7ccb9f, inset 0 0 0 3px var(--green)}.wbk .oslot.ok b{background:var(--green);color:#fff}.wbk .ocards{flex-direction:column;gap:7px;display:flex}.wbk .ocard{background:var(--gold-soft);text-align:left;width:100%;min-height:46px;font:600 15px/1.2 var(--display);color:var(--navy);box-shadow:0 4px 0 #e5b200, inset 0 0 0 2.5px var(--gold);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;padding:6px 12px;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.wbk .ocard:hover{transform:translateY(-2px)rotate(-1deg)}.wbk .mcard.drag,.wbk .ocard.drag{z-index:200;pointer-events:none;position:fixed;transform:scale(1.08)rotate(3deg);box-shadow:0 18px 26px #0a1e4a4d}.wbk .spell-top{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.wbk .spic{min-width:0}.wbk .spic .pairs{gap:4px 5px;max-width:220px}.wbk .spic .pair,.wbk .spic .lone{padding:3px 5px}.wbk .spic .mg{width:18px;height:20px}.wbk .spell-top .hear{flex:none}.wbk .spic .lone em{font-size:11px}.wbk .spell{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.wbk .sword{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.wbk .sl{width:40px;height:48px;font:700 28px var(--display);color:var(--navy);box-shadow:inset 0 0 0 2.5px var(--paper-edge);background:0 0;border-radius:13px;place-items:center;display:grid}.wbk .sl.on{box-shadow:0 4px 0 var(--paper-edge), inset 0 0 0 2.5px var(--paper-edge);background:#fff;animation:.3s cubic-bezier(.3,1.8,.5,1) wb-pop}.wbk .sl.no{background:var(--bad-soft);box-shadow:0 4px 0 #f0a89b, inset 0 0 0 3px var(--bad);color:#b33523;animation:.45s wb-shake}.wbk .sl.ok{background:var(--green-soft);box-shadow:0 4px 0 #7ccb9f, inset 0 0 0 3px var(--green);color:#17824c}.wbk .stiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wbk .stiles .tile{min-width:46px;height:48px;padding:0 10px;font-size:25px}.wbk .stiles .tile[disabled]{opacity:.3;transform:none}.wbk .stiles .tile.del{background:var(--paper-2)}.wbk .wb-grid{gap:7px;width:100%;display:grid}.wbk .cell{min-height:44px;font:700 21px var(--display);color:var(--navy);box-shadow:0 4px 0 var(--paper-edge), inset 0 0 0 2px var(--paper-edge);background:#fff;border-radius:13px;place-items:center;padding:2px;transition:transform .12s,background .2s;display:grid}.wbk .cell:active{box-shadow:0 1px 0 var(--paper-edge), inset 0 0 0 2px var(--paper-edge);transform:translateY(3px)}.wbk .cell.on{background:var(--gold-soft);color:#9a6a00;box-shadow:0 4px 0 #e5b200, inset 0 0 0 3px var(--gold)}.wbk .cell.no{background:var(--bad-soft);color:#b33523;box-shadow:0 4px 0 #f0a89b, inset 0 0 0 3px var(--bad);animation:.45s wb-shake}.wbk .cell.ok{background:var(--green);color:#fff;box-shadow:0 4px #1b8f52}.wbk .basket.b3{background:#eee6ff;box-shadow:inset 0 0 0 3px #c9b5fa,0 5px #b49cf0}.wbk .basket.b3 h4,.wbk .basket.b3 .in span,.wbk .basket.b3 .in button{color:#6a3fd6}.wbk .basket .in button{min-width:44px;height:36px;font:700 19px var(--display);background:#fff;border-radius:11px;place-items:center;padding:0 8px;animation:.4s cubic-bezier(.3,1.8,.5,1) wb-pop;display:grid}.wbk .basket.even .in button{color:#1b5fc4}.wbk .basket.odd .in button{color:#c4510a}.wbk .basket .in .no{box-shadow:inset 0 0 0 2.5px var(--bad);background:var(--bad-soft)}.wbk .ws-show{flex:none;align-items:center;display:inline-flex}.wbk .ws-show .bignum{font:700 34px/1 var(--display);letter-spacing:0}.wbk .ws-show .seq{gap:5px}.wbk .ws-show .seq span{width:44px;height:40px;box-shadow:inset 0 0 0 2px var(--paper-edge);border-radius:11px;font-size:18px}.wbk .ws-show .seq span.blank{box-shadow:inset 0 0 0 2.5px var(--gold)}.wbk .ws-show .seq span.blank.ok{box-shadow:inset 0 0 0 2.5px var(--green)}.wbk .ws-show .seq span.blank.no{box-shadow:inset 0 0 0 2.5px var(--bad)}.wbk .ws-show .pile{max-width:112px}.wbk .ws-show .pile .mg{width:12px;height:14px}.wbk .ws-show .pairs{justify-content:flex-start;gap:2px 3px;max-width:120px;padding-bottom:0!important}.wbk .ws-show .pair,.wbk .ws-show .lone{padding:2px 4px}.wbk .ws-show .mg{width:12px;height:14px}.wbk .ws-show .lone em{display:none}.wbk .ws-col{flex-direction:column;gap:4px;min-width:0;display:flex}.wbk .ws-pairs{flex-wrap:wrap;gap:4px 10px;display:flex}.wbk .ws-m{font:600 14px var(--display);color:var(--ink);align-items:center;gap:5px;display:inline-flex}.wbk .ws-m b{background:var(--paper-2);border-radius:9px;padding:1px 8px}.wbk .ws-m b.ok{background:var(--green-soft);color:#17824c}.wbk .ws-m b.no{background:var(--bad-soft);color:#b33523}.wbk .ws-ol{font:600 13.5px/1.3 var(--display);color:var(--ink);margin:0;padding-left:20px}.wbk .ws-ol li.no{color:#b33523}.wbk .ws-ol em{color:#17824c;font-style:normal}.wbk .ws-grid{gap:3px;max-width:260px;display:grid}.wbk .ws-grid span{height:22px;font:700 12px var(--display);color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--paper-edge);background:#fff;border-radius:6px;place-items:center;display:grid}.wbk .ws-grid span.right{background:var(--green-soft);color:#17824c;box-shadow:inset 0 0 0 2px var(--green)}.wbk .ws-grid span.picked{background:var(--bad-soft);color:#b33523;box-shadow:inset 0 0 0 2px var(--bad)}.wbk .ws-grid span.miss{box-shadow:inset 0 0 0 2px var(--green)}.wbk .vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wbk .wb-app.has-strip{grid-template-rows:auto auto 1fr auto}.wbk .stage-in.no-tabs .book{top:16px}.wbk .wb-strip{z-index:29;background:#fff9;min-width:0;box-shadow:0 2px #0a1e4a1a}.wbk .wb-strip-in{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;padding:7px 12px;scroll-padding-inline:12px;display:flex;position:relative;overflow-x:auto}.wbk .wb-strip-in::-webkit-scrollbar{display:none}.wbk .wb-strip-in button{scroll-snap-align:center;min-height:44px;font:600 16px var(--display);color:#fff;white-space:nowrap;filter:saturate(.85)brightness(.97);border-radius:14px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 15px;transition:filter .2s,opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 -4px #00000029}.wbk .wb-strip-in button.on{filter:none;box-shadow:inset 0 -4px 0 #0000001f, 0 0 0 3px var(--gold)}.wbk .wb-strip-in button.locked:not(.on){opacity:.72}.wbk .wb-strip-in button:active{transform:scale(.96)}.wbk .wb-strip-in .star{flex:none;width:16px;height:16px}.wbk .wb-counter{min-width:0;max-width:340px;min-height:46px;font:600 16px var(--display);color:#fff;background:#ffffff1f;border-radius:14px;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding:0 14px 0 16px;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff2e}.wbk .wb-counter:hover{background:#fff3}.wbk .wb-counter .lbl{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wbk .wb-counter .chev{flex:none;width:16px;height:16px;transition:transform .2s;transform:rotate(90deg)}.wbk .wb-counter[aria-expanded=true] .chev{transform:rotate(-90deg)}.wbk .bot .btn{flex:none}@media (max-width:599.98px){.wbk .wb-counter{flex:auto;max-width:none}}@media (max-width:399.98px){.wbk .bot .btn{width:50px;padding:0}.wbk .bot .btn .say{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.wbk .wb-counter{padding:0 10px 0 12px;font-size:15px}}.wbk .ov.wb-sheet-ov{place-items:end center;padding:0}.wbk .wb-sheet{background:var(--paper);border-radius:24px 24px 0 0;flex-direction:column;width:min(560px,100%);max-height:80dvh;transition:transform .2s;animation:.32s cubic-bezier(.2,.9,.3,1) wb-sheet-in;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #5aaeff,0 -12px 40px #0000004d}@keyframes wb-sheet-in{0%{transform:translateY(100%)}}@keyframes wb-sheet-up{0%{opacity:0;transform:translateY(24px)}}@media (min-width:900px){.wbk .ov.wb-sheet-ov{place-items:center;padding:16px}.wbk .wb-sheet{border-radius:24px;width:min(520px,100%);animation-name:wb-sheet-up}}@media (prefers-reduced-motion:reduce){.wbk .wb-sheet{transition:none;animation:none}}.wbk .wb-sheet-h{touch-action:none;cursor:grab;box-shadow:0 2px 0 var(--paper-edge);-webkit-user-select:none;user-select:none;background:#fff;flex:none;padding:10px 64px 12px 20px;position:relative}.wbk .wb-sheet-h .grip{background:#0a1e4a33;border-radius:3px;width:44px;height:5px;margin:0 auto 8px;display:block}.wbk .wb-sheet-h h3{font-size:22px}.wbk .wb-sheet-h .x{width:44px;height:44px;color:var(--navy);cursor:pointer;background:#0a1e4a14;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.wbk .wb-sheet-h .x svg{width:18px;height:18px}.wbk .wb-sheet-b{overscroll-behavior:contain;min-height:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));flex:auto;align-content:start;gap:14px;display:grid;overflow-y:auto}.wbk .js-sec{gap:6px;display:grid}.wbk .js-sec h4{align-items:center;gap:8px;margin:2px 4px 0;font-size:17px;display:flex}.wbk .js-sec h4 i{border-radius:4px;flex:none;width:12px;height:12px}.wbk .js-sec h4 .star{width:16px;height:16px}.wbk .js-part{gap:6px;display:grid}.wbk .js-pt{font:600 13px var(--display);color:var(--muted);letter-spacing:.3px;margin:2px 6px 0}.wbk .js-row{width:100%;min-height:48px;box-shadow:inset 0 0 0 2px var(--paper-edge);text-align:left;font:600 16px/1.2 var(--display);color:var(--navy);background:#fff;border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:box-shadow .15s,transform .12s;display:grid}.wbk .js-row:hover{box-shadow:inset 0 0 0 2px #b9d4f5}.wbk .js-row:active{transform:scale(.985)}.wbk .js-row.cur{box-shadow:inset 0 0 0 3px var(--gold);background:#fff6d8}.wbk .js-row.locked{background:var(--paper-2);color:var(--muted)}.wbk .js-row .n{background:var(--paper-2);width:30px;height:30px;font:600 14px var(--display);color:#8a7a52;border-radius:50%;place-items:center;display:grid}.wbk .js-row.cur .n{background:var(--gold);color:var(--navy)}.wbk .js-row.locked .n{background:#fff}.wbk .js-row .t{overflow-wrap:anywhere;min-width:0}.wbk .js-row .st{align-items:center;gap:6px;display:flex}.wbk .js-row .star{flex:none;width:18px;height:18px}.wbk .js-row .tag{font:600 13px var(--display);white-space:nowrap;background:var(--paper-2);color:var(--muted);border-radius:10px;padding:3px 9px}.wbk .js-row .tag.here{background:var(--gold);color:var(--navy)}.wbk .js-row .tag.score{background:var(--green-soft);color:#17824c}.wbk .js-row .seen{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.wbk .js-row .seen svg{width:14px;height:14px}.wbk .ws-q{flex-wrap:wrap;row-gap:2px}.wbk .ws-q>.ws-p{flex:120px;min-width:0}.wbk .ws-show{max-width:136px;max-height:40px;overflow:hidden}.wbk .ws-show:has(.seq){max-width:none}.wbk .ws-show .bignum{font-size:26px}.wbk .ws-show .seq span{border-radius:9px;width:34px;height:30px;font-size:15px}.wbk .ws-show .pile{gap:1px;max-width:104px}.wbk .ws-show .pairs{max-width:132px}.wbk .ws-show .optimg{max-height:36px}.wbk .ws-count{background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--paper-edge);font:700 16px var(--display);color:var(--navy);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 9px 2px 5px;display:inline-flex}.wbk .ws-count .mg{width:16px;height:18px}.wbk .ws-a{max-width:120px}.wbk .ws-p .ws-count{vertical-align:-3px;margin-right:2px;padding:0 7px 0 4px;font-size:14px}.wbk .ws-chip{white-space:normal;text-align:center;padding:3px 9px;font-size:13.5px;line-height:1.15}.wbk .ws-fix{white-space:normal;line-height:1.2}.wbk .ws-grid{gap:2px}.wbk .ws-grid span{border-radius:5px;height:18px;font-size:11px}.wbk .ws.snug{gap:6px}.wbk .ws.snug .ws-p{font-size:14px}.wbk .ws.snug .ws-row{gap:8px;min-height:46px;padding:5px 10px}.wbk .ws.tight{gap:4px}.wbk .ws.tight .ws-row{min-height:36px;padding:3px 10px}.wbk .ws.tight .ws-n{width:24px;height:24px;font-size:13px}.wbk .ws.tight .ws-mark{width:26px;height:26px}.wbk .ws.tight .ws-mark svg{width:15px;height:15px}.wbk .ws.tight .ws-p{font-size:13.5px}.wbk .ws.tight .ws-nums span{min-width:38px;height:28px;font-size:16px}.wbk .ws.tight .ws-show .seq span{width:32px;height:26px}.wbk .ws.tight .ws-show .bignum{font-size:24px}.wbk .ws.tight .ws-col:has(>.ws-grid){flex-direction:row;align-items:center;gap:8px}.wbk .ws.tight .ws-col:has(>.ws-grid)>.ws-p{flex:0 110px}.wbk .ws.tight .ws-col:has(>.ws-grid)>.ws-grid{flex:190px;max-width:220px}.wbk .ws.tight .ws-grid span{border-radius:4px;height:15px;font-size:10px}.wbk .ws.tight+.ws-score{padding:4px 12px}.wbk .ws.tight+.ws-score b{font-size:24px}.wbk .ws.tight+.ws-score .stars svg{width:22px;height:22px}.wbk .ws.tighter{gap:3px}.wbk .ws.tighter .ws-row{min-height:32px;padding:2px 8px}.wbk .ws.tighter .ws-p{font-size:13px;line-height:1.2}.wbk .ws.tighter .ws-show{max-height:32px}.wbk .print-root .pg-in:has(.ws)>*{flex-shrink:0}.wbk .print-root .pg-in:has(.ws){gap:9px}.wbk .nar.ws-say{margin:0;padding:8px 14px;font-size:14.5px;line-height:1.4}.wbk .nar.ws-say:before{display:none}.wbk .print-root .pg-in:has(.ws.tight) .demo.hop svg{max-height:84px}.wbk .print-root .pg-in:has(.ws.tight) .verdict{padding:5px 14px;font-size:19px}.wbk .ws.tighter .ws-a{max-width:112px}
html[data-reading-theme=dark] .wbk .wb-app{--navy:#eaf1ff;--ink:#dce6f7;--muted:#a9b8d6;--paper:#17223a;--paper-2:#203049;--paper-edge:#35466b;--line:#35466b;--gold-soft:#4a3a0e;--green-soft:#103a2a;--odd-soft:#4a2814;--even-soft:#17305a;--bad-soft:#4a1c18;--card:#22304d;--streak-bg:#4a3a0e;--odd-ink:#ffa66e;--even-ink:#8db9ff;--ok-ink:#6fe0a3;--gold-ink:#ffd36b;--bad-ink:#ff9a8a;--plan-ink:#ffd36b;--rule:#4a5d88;--num-ink:#a9b8d6;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#ffffff0a,#fff0 40%),repeating-linear-gradient(0deg,#ffffff09 0 46px,#fff0 46px 92px),repeating-linear-gradient(90deg,#ffffff09 0 46px,#fff0 46px 92px),#0b1628}:where(html[data-reading-theme=dark]) .wb-app .top,:where(html[data-reading-theme=dark]) .wb-app .bot,:where(html[data-reading-theme=dark]) .wb-app .cta,:where(html[data-reading-theme=dark]) .wb-app .toast,:where(html[data-reading-theme=dark]) .wb-app .ring i,:where(html[data-reading-theme=dark]) .wb-app .sec.report,:where(html[data-reading-theme=dark]) .wb-app .sec.start,:where(html[data-reading-theme=dark]) .wb-app .t-report{background:#0a1e4a}:where(html[data-reading-theme=dark]) .wb-app .top,:where(html[data-reading-theme=dark]) .wb-app .bot{box-shadow:0 0 0 1px #ffffff14}:where(html[data-reading-theme=dark]) .wb-app .parentbtn,:where(html[data-reading-theme=dark]) .wb-app .btn.gold,:where(html[data-reading-theme=dark]) .wb-app .cover .badge,:where(html[data-reading-theme=dark]) .wb-app .toc .go,:where(html[data-reading-theme=dark]) .wb-app .nar.on .say{color:#0a1e4a}:where(html[data-reading-theme=dark]) .wb-app .cta{box-shadow:inset 0 0 0 2px #35466b}:where(html[data-reading-theme=dark]) .wb-app .nar,:where(html[data-reading-theme=dark]) .wb-app .numchips button,:where(html[data-reading-theme=dark]) .wb-app .demo,:where(html[data-reading-theme=dark]) .wb-app .dg,:where(html[data-reading-theme=dark]) .wb-app .stepper .rb,:where(html[data-reading-theme=dark]) .wb-app .stepper input,:where(html[data-reading-theme=dark]) .wb-app .plate,:where(html[data-reading-theme=dark]) .wb-app .planbox .tags span,:where(html[data-reading-theme=dark]) .wb-app .toc button,:where(html[data-reading-theme=dark]) .wb-app .pips i.cur,:where(html[data-reading-theme=dark]) .wb-app .qcard,:where(html[data-reading-theme=dark]) .wb-app .hintbtn,:where(html[data-reading-theme=dark]) .wb-app .oo button,:where(html[data-reading-theme=dark]) .wb-app .seq span,:where(html[data-reading-theme=dark]) .wb-app .numpad button,:where(html[data-reading-theme=dark]) .wb-app .tile,:where(html[data-reading-theme=dark]) .wb-app .basket .in span,:where(html[data-reading-theme=dark]) .wb-app .chartbox,:where(html[data-reading-theme=dark]) .wb-app .mod,:where(html[data-reading-theme=dark]) .wb-app .field input[type=text],:where(html[data-reading-theme=dark]) .wb-app .btn.ghost,:where(html[data-reading-theme=dark]) .wb-app .ws-row,:where(html[data-reading-theme=dark]) .wb-app .ws-nums span,:where(html[data-reading-theme=dark]) .wb-app .ws-seq span,:where(html[data-reading-theme=dark]) .wb-app .kid,:where(html[data-reading-theme=dark]) .wb-app .kidx,:where(html[data-reading-theme=dark]) .wb-app .addform,:where(html[data-reading-theme=dark]) .wb-app .addform input[type=text],:where(html[data-reading-theme=dark]) .wb-app .addform select{background-color:var(--card)}:where(html[data-reading-theme=dark]) .wb-app .nar{box-shadow:0 0 0 3px #35466b,0 8px 16px #0000004d}:where(html[data-reading-theme=dark]) .wb-app .nar:before{background-color:var(--card);box-shadow:-3px 3px #35466b}:where(html[data-reading-theme=dark]) .wb-app .btn.ghost{color:#8db9ff;box-shadow:0 4px #0e1a30,inset 0 0 0 2px #35466b}:where(html[data-reading-theme=dark]) .wb-app .btn.ghost:active{box-shadow:0 1px #0e1a30,inset 0 0 0 2px #35466b}:where(html[data-reading-theme=dark]) .wb-app .hintbtn,:where(html[data-reading-theme=dark]) .wb-app .kid.add,:where(html[data-reading-theme=dark]) .wb-app .linkbtn{color:#8db9ff}:where(html[data-reading-theme=dark]) .wb-app .mod-h{background:linear-gradient(180deg,#1c2b48,var(--card))}:where(html[data-reading-theme=dark]) .wb-app .mod .x{background:#ffffff1a}:where(html[data-reading-theme=dark]) .wb-app .swatches button[aria-pressed=true]{box-shadow:0 0 0 3px var(--card),0 0 0 6px #8db9ff}:where(html[data-reading-theme=dark]) .wb-app .picker{box-shadow:0 22px 40px #00000073,0 0 0 10px #0f3a86,0 0 0 13px #ffffff1f}:where(html[data-reading-theme=dark]) .wb-app .planbox,:where(html[data-reading-theme=dark]) .wb-app .insight{background:#3a2e0a;box-shadow:inset 0 0 0 3px #8a6a12}:where(html[data-reading-theme=dark]) .wb-app .planbox .tags span{box-shadow:inset 0 0 0 2px #8a6a12}:where(html[data-reading-theme=dark]) .wb-app .insight svg{color:#ffd36b}:where(html[data-reading-theme=dark]) .wb-app .streak{background:var(--streak-bg);color:var(--gold-ink)}:where(html[data-reading-theme=dark]) .wb-app .lone em,:where(html[data-reading-theme=dark]) .wb-app .endrow .o,:where(html[data-reading-theme=dark]) .wb-app .endlabel .o,:where(html[data-reading-theme=dark]) .wb-app .basket.odd h4,:where(html[data-reading-theme=dark]) .wb-app .basket.odd .in span,:where(html[data-reading-theme=dark]) .wb-app .storytext .w.num{color:var(--odd-ink)}:where(html[data-reading-theme=dark]) .wb-app .endrow .e,:where(html[data-reading-theme=dark]) .wb-app .endlabel .e,:where(html[data-reading-theme=dark]) .wb-app .basket.even h4,:where(html[data-reading-theme=dark]) .wb-app .basket.even .in span{color:var(--even-ink)}:where(html[data-reading-theme=dark]) .wb-app .fb.ok,:where(html[data-reading-theme=dark]) .wb-app .seq span.blank.ok,:where(html[data-reading-theme=dark]) .wb-app .delta,:where(html[data-reading-theme=dark]) .wb-app .trend,:where(html[data-reading-theme=dark]) .wb-app .ws-nums span.right,:where(html[data-reading-theme=dark]) .wb-app .ws-seq span.blank.ok{color:var(--ok-ink)}:where(html[data-reading-theme=dark]) .wb-app .seq span.blank,:where(html[data-reading-theme=dark]) .wb-app .ws-seq span.blank{color:var(--gold-ink)}:where(html[data-reading-theme=dark]) .wb-app .fb.no,:where(html[data-reading-theme=dark]) .wb-app .seq span.blank.no,:where(html[data-reading-theme=dark]) .wb-app .mod-h .tt small,:where(html[data-reading-theme=dark]) .wb-app .err,:where(html[data-reading-theme=dark]) .wb-app .kidx,:where(html[data-reading-theme=dark]) .wb-app .ws-fix,:where(html[data-reading-theme=dark]) .wb-app .ws-nums span.picked,:where(html[data-reading-theme=dark]) .wb-app .ws-seq span.blank.no{color:var(--bad-ink)}:where(html[data-reading-theme=dark]) .wb-app .folio,:where(html[data-reading-theme=dark]) .wb-app .toc .pg-n,:where(html[data-reading-theme=dark]) .wb-app .ws-n,:where(html[data-reading-theme=dark]) .wb-app .ws-mark.none{color:#8c9bba}:where(html[data-reading-theme=dark]) .wb-app .nameinput::-moz-placeholder{color:#7f8dab}:where(html[data-reading-theme=dark]) .wb-app .nameinput::placeholder{color:#7f8dab}:where(html[data-reading-theme=dark]) .wb-app .chartbox line{stroke:#35466b}:where(html[data-reading-theme=dark]) .wb-app .chartbox text{fill:#a9b8d6}:where(html[data-reading-theme=dark]) .wb-app .chartbox circle{fill:var(--card)}:where(html[data-reading-theme=dark]) .wb-app .stars svg:not(.pop) path{fill:#2a3a5c;stroke:#4a5d88}:where(html[data-reading-theme=dark]) .wb-app .sample-parts li,:where(html[data-reading-theme=dark]) .wb-app .done.compact,:where(html[data-reading-theme=dark]) .wb-app .ans.plain:not(.ok),:where(html[data-reading-theme=dark]) .wb-app .mcard,:where(html[data-reading-theme=dark]) .wb-app .oslot,:where(html[data-reading-theme=dark]) .wb-app .sl.on,:where(html[data-reading-theme=dark]) .wb-app .cell,:where(html[data-reading-theme=dark]) .wb-app .basket .in button,:where(html[data-reading-theme=dark]) .wb-app .ws-grid span,:where(html[data-reading-theme=dark]) .wb-app .wb-sheet-h,:where(html[data-reading-theme=dark]) .wb-app .js-row,:where(html[data-reading-theme=dark]) .wb-app .js-row.locked .n{background-color:var(--card)}:where(html[data-reading-theme=dark]) .wb-app .stepper.place.ones.odd .pl,:where(html[data-reading-theme=dark]) .wb-app .qprompt .w.num,:where(html[data-reading-theme=dark]) .wb-app .basket.odd .in button{color:var(--odd-ink)}:where(html[data-reading-theme=dark]) .wb-app .stepper.place.ones.even .pl,:where(html[data-reading-theme=dark]) .wb-app .basket.even .in button{color:var(--even-ink)}:where(html[data-reading-theme=dark]) .wb-app .typein input,:where(html[data-reading-theme=dark]) .wb-app .cell.on{color:var(--gold-ink)}:where(html[data-reading-theme=dark]) .wb-app .qfoot.compact .hintline.ok,:where(html[data-reading-theme=dark]) .wb-app .typein input.ok,:where(html[data-reading-theme=dark]) .wb-app .mcard.ok,:where(html[data-reading-theme=dark]) .wb-app .sl.ok,:where(html[data-reading-theme=dark]) .wb-app .ws-m b.ok,:where(html[data-reading-theme=dark]) .wb-app .ws-ol em,:where(html[data-reading-theme=dark]) .wb-app .ws-grid span.right,:where(html[data-reading-theme=dark]) .wb-app .js-row .tag.score{color:var(--ok-ink)}:where(html[data-reading-theme=dark]) .wb-app .typein input.no,:where(html[data-reading-theme=dark]) .wb-app .sl.no,:where(html[data-reading-theme=dark]) .wb-app .cell.no,:where(html[data-reading-theme=dark]) .wb-app .ws-m b.no,:where(html[data-reading-theme=dark]) .wb-app .ws-ol li.no,:where(html[data-reading-theme=dark]) .wb-app .ws-grid span.picked{color:var(--bad-ink)}:where(html[data-reading-theme=dark]) .wb-app .oslot b{color:#8c9bba}:where(html[data-reading-theme=dark]) .wb-app .sl.no{background-color:var(--bad-soft)}:where(html[data-reading-theme=dark]) .wb-app .sl.ok{background-color:var(--green-soft)}:where(html[data-reading-theme=dark]) .wb-app .cell.ok{color:#fff}:where(html[data-reading-theme=dark]) .wb-app .wb-strip{background:#0b1628b8;box-shadow:0 2px #00000059}:where(html[data-reading-theme=dark]) .wb-app .js-row.cur{background-color:#3a2e0a}:where(html[data-reading-theme=dark]) .wb-app .js-row .n{color:#8c9bba}:where(html[data-reading-theme=dark]) .wb-app .wb-sheet-h .grip{background:#ffffff40}:where(html[data-reading-theme=dark]) .wb-app .wb-sheet-h .x{background:#ffffff1a}:where(html[data-reading-theme=dark]) .wb-app .wb-strip-in button{box-shadow:inset 0 -4px #00000029,inset 0 0 0 1.5px #ffffff29}:where(html[data-reading-theme=dark]) .wb-app .js-sec h4 i{box-shadow:0 0 0 2px #ffffffbf}:where(html[data-reading-theme=dark]) .wb-app .textblock.on .say,:where(html[data-reading-theme=dark]) .wb-app .qhead.on .say,:where(html[data-reading-theme=dark]) .wb-app .js-row.cur .n,:where(html[data-reading-theme=dark]) .wb-app .js-row .tag.here{color:#0a1e4a}:where(html[data-reading-theme=dark]) .wb-app .mcard .mno{background:#0a1e4a}:where(html[data-reading-theme=dark]) .wb-app .upd,:where(html[data-reading-theme=dark]) .wb-app .upd-x{color:#0a1e4a}:where(html[data-reading-theme=dark]) .wb-app .upd-go small{color:#17305f}:where(html[data-reading-theme=dark]) .wb-app .basket.b3{background:#2a1f4a;box-shadow:inset 0 0 0 3px #5b45a0,0 5px #3d2e70}:where(html[data-reading-theme=dark]) .wb-app .basket.b3 h4,:where(html[data-reading-theme=dark]) .wb-app .basket.b3 .in span,:where(html[data-reading-theme=dark]) .wb-app .basket.b3 .in button{color:#c9b8ff}