.btn{--btn-bg:var(--feather);--btn-edge:var(--feather-dark);--btn-fg:#fff;--btn-hover:var(--feather-hover);--btn-h:50px;--btn-lift:var(--edge);min-height:var(--btn-h);border-radius:var(--radius-lg);background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 var(--btn-lift) 0 var(--btn-edge);margin-bottom:var(--btn-lift);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast),color var(--dur-fast);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1;display:inline-flex;position:relative;transform:translateY(0)}@media (hover:hover){.btn:hover{background:var(--btn-hover)}}.btn:active,.btn.is-pressed{transform:translateY(var(--btn-lift));box-shadow:0 0 0 var(--btn-edge)}.btn:focus-visible{outline:3px solid var(--macaw);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{--btn-bg:var(--swan);--btn-edge:var(--swan);--btn-fg:var(--hare);--btn-hover:var(--swan);cursor:not-allowed;box-shadow:none;margin-bottom:var(--btn-lift);transform:none}.btn.secondary{--btn-bg:var(--snow);--btn-edge:var(--swan);--btn-fg:var(--macaw);--btn-hover:var(--polar);--btn-lift:2px;border:var(--border) solid var(--swan)}.btn.secondary:disabled{--btn-fg:var(--hare);border-color:var(--swan)}.btn.secondary.gray{--btn-fg:var(--hare)}.btn.danger{--btn-bg:var(--cardinal);--btn-edge:var(--cardinal-dark);--btn-hover:#ff5c5c}.btn.blue{--btn-bg:var(--macaw);--btn-edge:var(--macaw-dark);--btn-hover:#2ebafa}.btn.yellow{--btn-bg:var(--bee);--btn-edge:var(--bee-dark);--btn-hover:#ffd11a;--btn-fg:var(--eel)}.btn.white{--btn-bg:var(--snow);--btn-edge:#00000024;--btn-fg:var(--feather-dark);--btn-hover:#f4fff0}.btn.ghost{--btn-bg:var(--polar);--btn-edge:var(--swan);--btn-fg:var(--macaw);--btn-hover:#efefef;--btn-lift:2px}.btn.sm{--btn-h:40px;border-radius:var(--radius);padding:0 14px;font-size:13px}.btn.lg{--btn-h:54px;padding:0 24px;font-size:17px}.btn.full{width:100%;display:flex}.btn.icon-only{width:var(--btn-h);padding:0}.btn .btn-ico{font-size:1.35em;line-height:1;display:inline-flex}.card{background:var(--snow);border:var(--border) solid var(--swan);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text);transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);padding:16px}.card.tint-green{background:var(--feather-light);border-color:var(--feather-edge);box-shadow:0 2px 0 var(--feather-edge)}.card.tint-blue{background:var(--macaw-light);border-color:var(--macaw-edge);box-shadow:0 2px 0 var(--macaw-edge)}.card.tint-yellow{background:var(--bee-light);border-color:var(--bee-edge);box-shadow:0 2px 0 var(--bee-edge)}.card.tint-purple{background:var(--beetle-light);border-color:var(--beetle-edge);box-shadow:0 2px 0 var(--beetle-edge)}.card.tint-red{background:var(--cardinal-light);border-color:var(--cardinal-edge);box-shadow:0 2px 0 var(--cardinal-edge)}.card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}@media (hover:hover){.card.clickable:hover{background:var(--polar)}}.card.clickable:active{box-shadow:none;transform:translateY(2px)}.card.selected{border-color:var(--macaw-edge);background:var(--macaw-light);box-shadow:0 2px 0 var(--macaw-edge);color:var(--macaw-dark)}.card.correct{border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);box-shadow:0 2px 0 var(--feather-edge)}.card.wrong{border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);box-shadow:0 2px 0 var(--cardinal-edge)}.card.selected.clickable:hover,.card.correct.clickable:hover,.card.wrong.clickable:hover{background:inherit}.card.solid{color:#fff;box-shadow:0 var(--edge) 0 var(--card-edge);margin-bottom:var(--edge);border:0}.card.solid-green{--card-edge:var(--feather-dark);background:var(--feather)}.card.solid-blue{--card-edge:var(--macaw-dark);background:var(--macaw)}.card.solid-yellow{--card-edge:var(--bee-dark);background:var(--bee)}.card.solid-orange{--card-edge:var(--fox-dark);background:var(--fox)}.card.solid-purple{--card-edge:var(--beetle-dark);background:var(--beetle)}.card.solid-gray{--card-edge:var(--hare);background:var(--swan);color:var(--wolf)}.card.solid .eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;opacity:.8;font-weight:800}.card.solid h2,.card.solid h3{color:inherit}.card.solid.clickable:active{transform:translateY(var(--edge));box-shadow:none}.statcard{--sc:var(--bee);--sc-fg:var(--bee);border:var(--border) solid var(--sc);border-radius:var(--radius-lg);background:var(--sc);min-width:118px;animation:pop-in var(--dur-slow) var(--spring) both;flex-direction:column;flex:1;display:flex;overflow:hidden}.statcard-label{color:#fff;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;text-align:center;padding:6px 10px;font-weight:800;line-height:20px}.statcard-body{background:var(--snow);min-height:72px;color:var(--sc-fg);font-size:var(--fs-title);font-variant-numeric:tabular-nums;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px;font-weight:800;display:flex}.statcard-body .ico{font-size:26px;line-height:1}.statcard.green{--sc:var(--feather);--sc-fg:var(--feather-dark)}.statcard.yellow{--sc:var(--bee);--sc-fg:#e0a500}.statcard.blue{--sc:var(--macaw);--sc-fg:var(--macaw-dark)}.statcard.orange{--sc:var(--fox);--sc-fg:var(--fox-dark)}.statcard.purple{--sc:var(--beetle);--sc-fg:var(--beetle-dark)}.statcard.red{--sc:var(--cardinal);--sc-fg:var(--cardinal-dark)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:stretch;gap:12px;display:grid}.stat-row .statcard{min-width:0}.pbar-wrap{flex:1;min-width:0;position:relative}.pbar-caption{text-align:center;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--pbar-color,var(--feather));animation:rise-in var(--dur-slow) var(--spring) both;font-size:12px;font-weight:800;line-height:1;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.pbar{border-radius:var(--radius-pill);background:var(--swan);width:100%;height:16px;position:relative;overflow:hidden}.pbar.sm{height:10px}.pbar.lg{height:20px}.pbar-fill{border-radius:var(--radius-pill);background:var(--pbar-color,var(--feather));min-width:16px;transition:width .4s var(--ease),background var(--dur-slow);position:absolute;inset:0 auto 0 0}.pbar-fill:after{content:"";background:#ffffff4d;border-radius:2px;height:4px;position:absolute;top:4px;left:8px;right:8px}.pbar.sm .pbar-fill{min-width:10px}.pbar.lg .pbar-fill{min-width:20px}.pbar.sm .pbar-fill:after{height:2px;top:3px;left:6px;right:6px}.pbar.lg .pbar-fill:after{height:5px;top:5px}.pbar-fill.tiny:after{display:none}.pbar-fill .sweep{opacity:0;background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}.pbar-fill.bump .sweep{animation:pbar-sweep .7s var(--ease) both}@keyframes pbar-sweep{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(100%)}}.pseg{gap:4px;display:flex}.pseg span{border-radius:var(--radius-pill);background:var(--swan);height:12px;transition:background var(--dur) var(--ease);flex:1}.pseg span.on{background:var(--pbar-color,var(--feather))}.pseg span.now{background:var(--pbar-color,var(--feather));animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.sheet{z-index:30;padding:14px 16px calc(14px + var(--safe-bottom));background:var(--snow);border-top:var(--border) solid var(--swan);transition:transform var(--dur-slow) var(--ease);position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.sheet.correct,.sheet.wrong{transition:transform var(--dur-slow) var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.sheet.inline{z-index:auto;border-radius:var(--radius-lg);border:var(--border) solid var(--swan);padding-bottom:16px;position:relative}.sheet.hidden-sheet{transform:translateY(110%)}.sheet.correct{background:var(--feather-light);border-color:var(--feather-light)}.sheet.wrong{background:var(--cardinal-light);border-color:var(--cardinal-light)}.sheet-inner{max-width:var(--content-w);flex-direction:column;gap:12px;margin:0 auto;display:flex}.sheet.correct .sheet-inner,.sheet.wrong .sheet-inner{animation:sheet-up var(--dur) var(--ease) both}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-head{flex-direction:column;gap:6px;min-width:0;display:flex}.sheet-row{align-items:center;gap:12px;min-width:0;display:flex}.sheet-icon{--sheet-ico:40px;width:var(--sheet-ico);height:var(--sheet-ico);color:var(--feather-dark);animation:pop-in var(--dur-slow) var(--spring) both;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sheet-icon svg{width:22px;height:22px}.sheet.correct .sheet-icon:after{content:"";opacity:0;animation:sheet-ring .7s var(--ease) .14s both;border:3px solid #fff;border-radius:50%;position:absolute;inset:-3px}@keyframes sheet-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.sheet.wrong .sheet-icon{color:var(--cardinal-dark)}.sheet-title{min-width:0;font-size:var(--fs-title);color:var(--text);overflow-wrap:anywhere;flex:1;font-weight:800;line-height:1.2}.sheet.correct .sheet-title{color:var(--feather-dark)}.sheet.wrong .sheet-title{color:var(--cardinal-dark)}.sheet-body{color:var(--text-body);font-size:16px;font-weight:600;line-height:1.3}.sheet.correct .sheet-body{color:var(--feather-dark)}.sheet.wrong .sheet-body{color:var(--cardinal-dark)}.sheet-meta{border-radius:var(--radius-pill);height:28px;letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;color:var(--wolf);animation:pop-in var(--dur-slow) var(--spring) both;background:#ffffffbf;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;animation-delay:.12s;display:inline-flex}.sheet.correct .sheet-meta{color:var(--feather-dark)}.sheet.wrong .sheet-meta{color:var(--cardinal-dark)}.sheet-space{width:100%;transition:height var(--dur) var(--ease);flex:none}.sheet-actions{gap:10px;display:flex}.sheet-actions .btn{flex:1}@media (width>=900px){.sheet{padding:24px 40px calc(24px + var(--safe-bottom))}.sheet.inline{padding:24px}.sheet-inner{max-width:var(--footer-w);flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.sheet-icon{--sheet-ico:56px}.sheet-icon svg{width:30px;height:30px}.sheet-row{gap:16px}.sheet-body{font-size:var(--fs-body);line-height:1.35}.sheet-body.indent{padding-left:72px}.sheet-actions{flex:none}.sheet-actions .btn{flex:none;min-width:150px}.sheet-head,.sheet-spacer{flex:1}}.topbar{padding:calc(12px + var(--safe-top)) 0 12px;max-width:var(--footer-w);align-items:center;gap:16px;width:100%;margin:0 auto;display:flex}.topbar .x{width:40px;height:40px;color:var(--hare);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;margin:0 -8px;display:grid}.topbar .x svg{width:24px;height:24px}.topbar .x:hover{background:var(--polar);color:var(--wolf)}.topbar .x:active{transform:scale(.9)}.topbar .grow{flex:1;min-width:0}.topbar .title{color:var(--text);font-size:20px;font-weight:800}.stat{align-items:center;gap:6px;font-size:17px;font-weight:800;line-height:1;display:inline-flex}.stat .ico{font-size:24px;line-height:1}.stat.streak{color:var(--fox)}.stat.xp{color:var(--bee-dark)}.stat.gem{color:var(--macaw)}.stat.off{color:var(--hare);filter:grayscale()}.toast-host{bottom:calc(76px + var(--safe-bottom));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;left:0;right:0}@media (width>=900px){.toast-host{bottom:32px}}.toast{--t-bg:var(--eel);--t-edge:#2a2a2a;pointer-events:auto;background:var(--t-bg);color:#fff;font-weight:800;font-size:var(--fs-label);letter-spacing:.2px;border-radius:var(--radius-lg);box-shadow:0 var(--edge) 0 var(--t-edge);max-width:420px;animation:toast-in var(--dur-slow) var(--spring);align-items:center;gap:10px;padding:12px 18px;display:flex}.toast .ico{font-size:20px;line-height:1}.toast.success{--t-bg:var(--feather);--t-edge:var(--feather-dark)}.toast.info{--t-bg:var(--macaw);--t-edge:var(--macaw-dark)}.toast.warn{--t-bg:var(--fox);--t-edge:var(--fox-dark)}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}.modal-back{z-index:50;animation:fade-in var(--dur) both;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--snow);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:pop-in var(--dur-slow) var(--spring) both;overscroll-behavior:contain;flex-direction:column;gap:12px;max-height:calc(100dvh - 40px);padding:32px 24px 24px;display:flex;overflow-y:auto}.modal>*{flex-shrink:0}.modal .modal-art{text-align:center;margin-bottom:4px;font-size:56px;line-height:1}.modal h2{text-align:center;font-size:var(--fs-title);line-height:1.2}.modal p{text-align:center;color:var(--text-muted);font-weight:600;font-size:var(--fs-body);line-height:1.35}.modal p+.btn,.modal h2+.btn{margin-top:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.ibadge-wrap{flex:none;place-items:center;display:inline-grid;position:relative}.ibadge-wrap .ring{position:absolute;inset:0;transform:rotate(-90deg)}.ibadge-wrap .ring circle{fill:none;stroke-width:6px;stroke-linecap:round}.ibadge-wrap .ibadge{margin-bottom:var(--edge)}.ibadge-wrap .ibadge.big{margin-bottom:8px}.ibadge-wrap .ring .track{stroke:var(--swan)}.ibadge-wrap .ring .val{stroke:var(--ibadge-ring,var(--feather));transition:stroke-dashoffset .5s var(--ease)}.ibadge{--ibadge-edge:var(--feather-dark);background:var(--feather);color:#fff;box-shadow:0 var(--edge) 0 var(--ibadge-edge);-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;font-weight:900;line-height:1;display:inline-grid}.ibadge.big{box-shadow:0 8px 0 var(--ibadge-edge)}.ibadge.pressable{cursor:pointer}.ibadge.pressable:active{transform:translateY(var(--edge));box-shadow:0 0 0 var(--ibadge-edge)}.ibadge.big.pressable:active{transform:translateY(8px)}.ibadge.green{background:var(--feather);--ibadge-edge:var(--feather-dark)}.ibadge.blue{background:var(--macaw);--ibadge-edge:var(--macaw-dark)}.ibadge.yellow{background:var(--bee);--ibadge-edge:var(--bee-dark)}.ibadge.red{background:var(--cardinal);--ibadge-edge:var(--cardinal-dark)}.ibadge.orange{background:var(--fox);--ibadge-edge:var(--fox-dark)}.ibadge.purple{background:var(--beetle);--ibadge-edge:var(--beetle-dark)}.ibadge.gray,.ibadge.locked{background:var(--swan);--ibadge-edge:var(--swan-dark);color:var(--hare)}.ibadge.locked{filter:grayscale()}.bob-tip{background:var(--snow);border:var(--border) solid var(--swan);border-radius:var(--radius);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--feather);padding:8px 14px;font-weight:800;animation:1.1s ease-in-out infinite bob;display:inline-block;position:relative}.bob-tip:after{content:"";background:var(--snow);border-right:var(--border) solid var(--swan);border-bottom:var(--border) solid var(--swan);width:12px;height:12px;margin-left:-7px;position:absolute;bottom:-8px;left:50%;transform:rotate(45deg)}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.bubble{background:var(--snow);border:var(--border) solid var(--swan);border-radius:var(--radius-lg);font-weight:600;font-size:var(--fs-body);color:var(--text);animation:bubble-in var(--dur-slow) var(--spring) both;padding:14px 18px;line-height:1.35;position:relative}@keyframes bubble-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.bubble.left:before{content:"";background:var(--snow);border-left:var(--border) solid var(--swan);border-bottom:var(--border) solid var(--swan);width:14px;height:14px;position:absolute;top:20px;left:-9px;transform:rotate(45deg)}.bubble.bottom:before{content:"";background:var(--snow);border-right:var(--border) solid var(--swan);border-bottom:var(--border) solid var(--swan);width:14px;height:14px;position:absolute;bottom:-9px;left:28px;transform:rotate(45deg)}.bubble.top:before{content:"";background:var(--snow);border-left:var(--border) solid var(--swan);border-top:var(--border) solid var(--swan);width:14px;height:14px;margin-left:-7px;position:absolute;top:-9px;left:50%;transform:rotate(45deg)}.choice{text-align:left;border-radius:var(--radius-lg);border:var(--border) solid var(--swan);background:var(--snow);width:100%;min-height:64px;color:var(--text);font-weight:700;font-size:var(--fs-body);cursor:pointer;box-shadow:0 2px 0 var(--swan);-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast) var(--ease),color var(--dur-fast);align-items:center;gap:14px;padding:14px 16px;line-height:1.3;display:flex}@media (hover:hover){.choice:hover:not(:disabled){background:var(--polar)}}.choice:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.choice .key{border:var(--border) solid var(--swan);width:30px;height:30px;color:var(--wolf);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:900;line-height:1;display:grid}.choice .ico{flex:none;font-size:28px;line-height:1}.choice.selected{border-color:var(--macaw-edge);background:var(--macaw-light);box-shadow:0 2px 0 var(--macaw-edge);color:var(--macaw-dark)}.choice.selected .key{border-color:var(--macaw-edge);color:var(--macaw)}.choice.correct{border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);box-shadow:0 2px 0 var(--feather-edge)}.choice.correct .key{border-color:var(--feather-edge);color:var(--feather-dark)}.choice.wrong{border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);box-shadow:0 2px 0 var(--cardinal-edge)}.choice.wrong .key{border-color:var(--cardinal-edge);color:var(--cardinal-dark)}.choice.selected:hover,.choice.correct:hover,.choice.wrong:hover{background:inherit}.choice:disabled{cursor:default}.choice:disabled:not(.selected):not(.correct):not(.wrong){color:var(--hare)}.choice:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}.tile{border-radius:var(--radius);border:var(--border) solid var(--swan);background:var(--snow);min-height:44px;color:var(--text);font-weight:700;font-size:var(--fs-body);cursor:pointer;box-shadow:0 2px 0 var(--swan);-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),box-shadow var(--dur-fast);align-items:center;padding:10px 14px;display:inline-flex}@media (hover:hover){.tile:hover{background:var(--polar)}}.tile:active{box-shadow:none;transform:translateY(2px)}.tile.used{color:#0000;background:var(--swan);border-color:var(--swan);box-shadow:none;cursor:default}.tile.in-answer{background:var(--snow);animation:pop-in var(--dur) var(--spring) both}.tile.selected{border-color:var(--macaw-edge);background:var(--macaw-light);color:var(--macaw-dark);box-shadow:0 2px 0 var(--macaw-edge)}.tile.correct{border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);box-shadow:0 2px 0 var(--feather-edge)}.tile.wrong{border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);box-shadow:0 2px 0 var(--cardinal-edge);animation:wiggle .4s var(--ease)}.tile-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.answer-lines{border-top:var(--border) solid var(--swan);border-bottom:var(--border) solid var(--swan);min-height:96px;transition:border-color var(--dur);flex-wrap:wrap;align-content:flex-start;gap:8px;padding:10px 0;display:flex}.answer-lines.correct{border-color:var(--feather-edge)}.answer-lines.wrong{border-color:var(--cardinal-edge)}.step{border-radius:var(--radius-lg);border:var(--border) solid var(--swan);background:var(--snow);font-weight:700;font-size:var(--fs-body);cursor:pointer;text-align:left;width:100%;color:var(--text);box-shadow:0 2px 0 var(--swan);animation:rise-in var(--dur-slow) var(--spring) both;animation-delay:calc(var(--i,0)*60ms);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.35;display:flex}@media (hover:hover){.step:hover:not(.static){background:var(--polar)}}.step:active:not(.static){box-shadow:none;transform:translateY(2px)}.step .n{background:var(--polar);border:var(--border) solid var(--swan);width:28px;height:28px;color:var(--wolf);border-radius:50%;flex:none;place-items:center;font-size:13px;line-height:1;display:grid}.step.selected{border-color:var(--macaw-edge);background:var(--macaw-light);color:var(--macaw-dark);box-shadow:0 2px 0 var(--macaw-edge)}.step.selected .n{border-color:var(--macaw-edge);color:var(--macaw)}.step.correct{border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);box-shadow:0 2px 0 var(--feather-edge)}.step.wrong{border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);box-shadow:0 2px 0 var(--cardinal-edge)}.step.static{cursor:default}.step.selected:hover,.step.correct:hover,.step.wrong:hover{background:inherit}@keyframes step-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.chip{border-radius:var(--radius-pill);text-transform:uppercase;min-height:24px;letter-spacing:var(--ls-label);background:var(--polar);color:var(--wolf);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.chip.green{background:var(--feather-light);color:var(--feather-dark)}.chip.blue{background:var(--macaw-light);color:var(--macaw-dark)}.chip.yellow{background:var(--bee-light);color:#a87800}.chip.red{background:var(--cardinal-light);color:var(--cardinal-dark)}.chip.purple{background:var(--beetle-light);color:var(--beetle-dark)}.chip.orange{background:var(--fox-light);color:var(--fox-dark)}.tag{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--beetle);align-items:center;gap:8px;font-weight:800;line-height:1;display:inline-flex}.tag .dot{background:currentColor;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.tag .dot:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.tag.green{color:var(--feather)}.tag.blue{color:var(--macaw)}.tag.yellow{color:var(--bee-dark)}.tag.red{color:var(--cardinal)}.tag.orange{color:var(--fox)}.tag.purple{color:var(--beetle)}.pet-frame{border-radius:var(--radius-xl);background:linear-gradient(#e9f9ff 0%,#f6fdff 100%);width:100%;height:220px;position:relative;overflow:hidden}.pet-frame.sm{height:140px}.pet-frame canvas{touch-action:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.xp-pop{color:var(--bee-dark);animation:xp-pop .9s var(--ease) forwards;pointer-events:none;font-weight:900;position:absolute}@keyframes xp-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.wiggle{animation:wiggle .5s var(--ease)}@keyframes wiggle{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bounce{animation:bounce .6s var(--spring)}@keyframes bounce{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.rise-in,.stagger>*{animation:rise-in var(--dur-slow) var(--spring) both;animation-delay:calc(var(--i,0)*60ms)}.stagger>:first-child{--i:0}.stagger>:nth-child(2){--i:1}.stagger>:nth-child(3){--i:2}.stagger>:nth-child(4){--i:3}.stagger>:nth-child(5){--i:4}.stagger>:nth-child(6){--i:5}.stagger>:nth-child(7){--i:6}.stagger>:nth-child(8){--i:7}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pop-in{animation:pop-in var(--dur-slow) var(--spring) both}.divider{height:var(--border);background:var(--swan);border:0;margin:0}.hint-caption{color:var(--macaw-dark);background:var(--macaw-light);border-radius:var(--radius-pill,999px);width:fit-content;animation:fade-in var(--dur,.2s) both;border:2px solid #b5e7ff;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;line-height:1.3;display:inline-flex}.guided-arrow{font-size:18px;line-height:1;animation:1s ease-in-out infinite guided-bounce;display:inline-block}@keyframes guided-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}[data-guided-target]{outline:3px solid var(--macaw);outline-offset:3px;border-radius:inherit;animation:1.4s ease-in-out infinite guided-pulse}@keyframes guided-pulse{0%,to{outline-color:var(--macaw)}50%{outline-color:#1cb0f640}}.hint-removed{opacity:.42;text-decoration:line-through;text-decoration-thickness:2px}.hint-dim{opacity:.42;transition:opacity var(--dur)}.hint-lock{width:16px;height:16px;color:var(--hare);vertical-align:-2px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hint-lock svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.guided-arrow,[data-guided-target],.hint-caption{animation:none}}.m-page{min-height:100%;animation:m-page-in var(--dur) var(--ease)}@keyframes m-page-in{0%{opacity:0}to{opacity:1}}.m-stagger>*{animation:m-rise var(--dur-slow) var(--spring) both}.m-stagger>:nth-child(2){animation-delay:45ms}.m-stagger>:nth-child(3){animation-delay:90ms}.m-stagger>:nth-child(4){animation-delay:.135s}.m-stagger>:nth-child(5){animation-delay:.18s}.m-stagger>:nth-child(6){animation-delay:.225s}.m-stagger>:nth-child(7){animation-delay:.27s}.m-stagger>:nth-child(8){animation-delay:.315s}.m-stagger>:nth-child(9){animation-delay:.36s}.m-stagger>:nth-child(10){animation-delay:.405s}.m-stagger>:nth-child(11){animation-delay:.45s}.m-stagger>:nth-child(n+12){animation-delay:.495s}.m-stagger.m-stagger-fast>:nth-child(2){animation-delay:25ms}.m-stagger.m-stagger-fast>:nth-child(3){animation-delay:50ms}.m-stagger.m-stagger-fast>:nth-child(4){animation-delay:75ms}.m-stagger.m-stagger-fast>:nth-child(5){animation-delay:.1s}.m-stagger.m-stagger-fast>:nth-child(6){animation-delay:.125s}.m-stagger.m-stagger-fast>:nth-child(n+7){animation-delay:.15s}.m-rise{animation:m-rise var(--dur-slow) var(--spring) both}@keyframes m-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.m-pop{animation:m-pop var(--dur-slow) var(--spring) both}@keyframes m-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:none}}.m-fade{animation:m-fade var(--dur) var(--ease) both}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.m-drop{animation:m-drop var(--dur-slow) var(--spring) both}@keyframes m-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.m-shake{animation:m-shake .45s var(--ease)}@keyframes m-shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.m-bounce{animation:m-bounce .55s var(--spring)}@keyframes m-bounce{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.m-wobble{animation:m-wobble .6s var(--ease)}@keyframes m-wobble{0%,to{transform:none}25%{transform:rotate(-4deg)scale(1.04)}50%{transform:rotate(4deg)scale(1.04)}75%{transform:rotate(-2deg)}}.m-glow-correct{animation:m-glow-correct .7s var(--ease)}@keyframes m-glow-correct{0%{box-shadow:0 0 #58cc028c}to{box-shadow:0 0 0 22px #58cc0200}}.m-glow-wrong{animation:m-glow-wrong .7s var(--ease)}@keyframes m-glow-wrong{0%{box-shadow:0 0 #ff4b4b73}to{box-shadow:0 0 0 18px #ff4b4b00}}.m-count{animation:m-count var(--dur-fast) var(--ease);display:inline-block}@keyframes m-count{0%{transform:translateY(-3px)scale(1.06)}to{transform:none}}.m-float{pointer-events:none;animation:m-float .9s var(--ease) forwards;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}@keyframes m-float{0%{opacity:1;transform:translate(-50%)scale(1)}60%{opacity:1}to{opacity:0;transform:translate(-50%,-44px)scale(1.15)}}.m-sparkle{pointer-events:none;position:absolute;inset:0;overflow:visible}.m-sparkle i{background:var(--feather);transform-origin:50%;width:4px;height:14px;animation:m-ray .6s var(--ease) forwards;opacity:0;border-radius:2px;margin:-7px -2px;position:absolute;top:50%;left:50%}.m-sparkle i:first-child{--a:0deg}.m-sparkle i:nth-child(2){--a:45deg;background:var(--bee)}.m-sparkle i:nth-child(3){--a:90deg}.m-sparkle i:nth-child(4){--a:135deg;background:var(--macaw)}.m-sparkle i:nth-child(5){--a:180deg}.m-sparkle i:nth-child(6){--a:225deg;background:var(--bee)}.m-sparkle i:nth-child(7){--a:270deg}.m-sparkle i:nth-child(8){--a:315deg;background:var(--macaw)}@keyframes m-ray{0%{opacity:0;transform:rotate(var(--a)) translateY(-6px) scaleY(.3)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-46px) scaleY(1)}}.m-burst{z-index:60;pointer-events:none;position:fixed;overflow:visible}.m-burst i{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:0;width:14px;height:14px;animation:m-star .75s var(--ease) var(--d,0s) forwards;background:currentColor;margin:-7px 0 0 -7px;position:absolute;transform:translate(0)scale(0)}@keyframes m-star{0%{opacity:0;transform:translate(0)scale(0)}18%{opacity:1;transform:translate(calc(var(--dx)*.45),calc(var(--dy)*.45)) scale(calc(var(--s,1)*1.25))}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(calc(var(--s,1)*.4)) rotate(40deg)}}.pbar-spark{pointer-events:none;width:0;height:0;position:absolute;top:50%;right:-2px;overflow:visible}.pbar-spark:before{content:"";opacity:0;width:28px;height:28px;animation:pbar-ring .6s var(--ease) .12s both;border:3px solid #fff;border-radius:50%;position:absolute;top:-14px;left:-14px}@keyframes pbar-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.pbar-spark i{transform-origin:50%;opacity:0;width:4px;height:14px;animation:pbar-ray .55s var(--ease) .1s both;background:#fff;border-radius:2px;position:absolute;top:-7px;left:-2px}.pbar-spark i:first-child{--a:0deg}.pbar-spark i:nth-child(2){--a:60deg}.pbar-spark i:nth-child(3){--a:120deg}.pbar-spark i:nth-child(4){--a:180deg}.pbar-spark i:nth-child(5){--a:240deg}.pbar-spark i:nth-child(6){--a:300deg}@keyframes pbar-ray{0%{opacity:0;transform:rotate(var(--a)) translateY(-4px) scaleY(.3)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-26px) scaleY(1)}}.blorp-host{width:100%;height:100%;position:relative}.blorp-host>canvas,.blorp-host>div{transition:opacity .18s var(--ease)}.blorp-shell{pointer-events:none;transition:opacity .22s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.blorp-shell.gone{opacity:0}.blorp-shell svg{width:62%;max-width:180px;height:62%}.blorp-booting{opacity:0}@media (prefers-reduced-motion:reduce){.m-stagger>*,.m-page,.m-rise,.m-pop,.m-fade,.m-drop{animation-delay:0s!important}.m-float,.m-sparkle,.m-burst,.pbar-spark{display:none}}.ob{background:var(--snow);flex-direction:column;min-height:100dvh;display:flex;position:relative}.ob-top{width:100%;max-width:1040px;padding:calc(18px + var(--safe-top)) 16px 0;align-items:center;gap:14px;margin:0 auto;display:flex}.ob-top .pbar{flex:1}.ob-back{width:36px;height:36px;color:var(--hare);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ob-back:focus{outline:none}.ob-back:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}@media (hover:hover){.ob-back:hover{color:var(--wolf)}}.ob-back.hidden-back{visibility:hidden}.ob-skip{color:var(--hare);font:inherit;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:0;flex:none;padding:8px 6px;font-size:15px;font-weight:800}.ob-skip:focus{outline:none}.ob-skip:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}@media (hover:hover){.ob-skip:hover{color:var(--wolf)}}.ob-skip.hidden-skip{visibility:hidden}.ob-body{width:100%;max-width:var(--content-w);padding:16px 16px calc(120px + var(--safe-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.ob-body.hero{justify-content:center;padding-top:0}.ob-stage{width:100%;display:flex}.ob-stage.hero{flex-direction:column;align-items:center;gap:0}.ob-stage.side{flex-direction:row;align-items:center;gap:14px;margin-top:10px}.ob-pet{transition:width var(--dur-slow) var(--ease),height var(--dur-slow) var(--ease);flex:none;position:relative}.ob-stage.hero .ob-pet{order:2;width:250px;height:290px;margin-top:-30px;margin-bottom:-36px}.ob-stage.side .ob-pet{order:1;width:112px;height:112px}.ob-pet-canvas{z-index:1;width:100%;height:100%;position:relative}.ob-ground{background:var(--swan);z-index:0;transition:width var(--dur-slow) var(--ease),height var(--dur-slow) var(--ease),bottom var(--dur-slow) var(--ease);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.ob-stage.hero .ob-ground{width:196px;height:64px;bottom:24px}.ob-stage.side .ob-ground{width:86px;height:28px;bottom:5px}.ob-egg{z-index:2;width:150px;height:180px;margin-left:-75px;position:absolute;bottom:44px;left:50%;overflow:visible}.ob-bubble-slot{z-index:2;min-width:0;display:flex;position:relative}.ob-stage.hero .ob-bubble-slot{order:1;justify-content:center;width:100%}.ob-stage.side .ob-bubble-slot{flex:1;order:2}.ob-bubble{color:var(--eel);max-width:330px;padding:14px 18px;font-size:19px;font-weight:700;line-height:1.35}.ob-bubble.hero{text-align:center;max-width:300px;font-size:18px}.ob-bubble.hero:before{margin-left:-7px;left:50%}.ob-bubble.side{width:100%;max-width:none;font-size:17px}.ob-bubble.side:before{margin-top:-7px;top:50%}.ob-bubble em{color:var(--beetle);font-style:normal}.ob-content{flex-direction:column;gap:12px;margin-top:28px;display:flex}.ob-body.hero .ob-content{align-items:center;margin-top:8px}.ob-body.hero .ob-content:empty{display:none}.ob-info{border:2px solid var(--swan);border-radius:var(--radius-lg);color:var(--eel);background:var(--snow);align-items:center;gap:16px;padding:14px 16px;font-size:17px;font-weight:700;line-height:1.3;display:flex}.ob-info .ibadge{width:44px;height:44px}.ob-info .ibadge svg{width:26px;height:26px;display:block}.ob-opt{border-radius:var(--radius-lg);border:2px solid var(--swan);background:var(--snow);width:100%;min-height:72px;color:var(--eel);font:inherit;cursor:pointer;box-shadow:0 2px 0 var(--swan);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:17px;font-weight:700;display:flex}@media (hover:hover){.ob-opt:hover{background:var(--polar)}}.ob-opt:active{box-shadow:none;transform:translateY(2px)}.ob-opt:focus{outline:none}.ob-opt:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}.ob-opt .sub{color:var(--wolf);font-weight:600}.ob-opt.on{background:var(--macaw-light);color:var(--macaw-dark);border-color:#84d8ff;box-shadow:0 2px #84d8ff}.ob-chapters{flex-direction:column;gap:10px;display:flex}.ob-chapters .ob-opt{min-height:60px}.ob-chapters .ob-opt .sub{text-align:right}.ob-note{text-align:center;color:var(--wolf);font-size:14px;font-weight:700}.ob-opt.on:hover{background:var(--macaw-light)}.ob-opt.on .sub{color:var(--macaw)}.ob-opt .key{border:2px solid var(--swan-dark);width:28px;height:28px;color:var(--wolf);border-radius:8px;flex:none;place-items:center;margin-right:12px;font-size:13px;font-weight:800;display:none}.ob-opt.on .key{color:var(--macaw-dark);border-color:#84d8ff}.ob-opt .lead{align-items:center;display:flex}@media (width>=900px){.ob-opt .key{display:grid}}.ob-name{flex-direction:column;gap:14px;display:flex}.ob-field{position:relative}.ob-input{width:100%;height:64px;font:inherit;color:var(--eel);background:var(--snow);border:2px solid var(--swan);border-radius:var(--radius-lg);box-shadow:0 2px 0 var(--swan);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);outline:none;padding:0 84px 0 18px;font-size:24px;font-weight:800}.ob-input::placeholder{color:var(--hare);font-weight:700}.ob-input:focus{border-color:var(--macaw);box-shadow:0 2px 0 var(--macaw-edge)}.ob-field.max .ob-input{border-color:var(--cardinal-edge);box-shadow:0 2px 0 var(--cardinal-edge)}.ob-count{letter-spacing:.04em;color:var(--hare);opacity:0;transition:opacity var(--dur-fast),color var(--dur-fast);pointer-events:none;font-size:14px;font-weight:800;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.ob-count.show{opacity:1}.ob-field.max .ob-count{color:var(--cardinal)}.ob-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ob-tile{justify-content:center;padding:10px 8px}.ob-tile:focus{outline:none}.ob-tile:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}.ob-tile.on{background:var(--macaw-light);color:var(--macaw-dark);border-color:#84d8ff;box-shadow:0 2px #84d8ff}.ob-hint{color:var(--wolf);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.ob-lesson{background:var(--feather-soft);border-radius:var(--radius-lg);border:2px solid #c5efa4;align-items:center;gap:14px;width:100%;max-width:420px;padding:14px 16px;display:flex;box-shadow:0 2px #c5efa4}.ob-lesson .t{color:var(--eel);font-size:17px;font-weight:900}.ob-lesson .s{text-transform:uppercase;letter-spacing:.08em;color:var(--feather-dark);font-size:13px;font-weight:800}.ob-lesson .ibadge{width:48px;height:48px;font-size:24px}.ob-confetti{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.ob-footer{z-index:20;background:var(--snow);border-top:2px solid var(--swan);padding:16px 16px calc(16px + var(--safe-bottom));position:fixed;bottom:0;left:0;right:0}.ob-footer-inner{justify-content:flex-end;width:100%;max-width:1040px;margin:0 auto;display:flex}.ob-footer .btn{width:100%}@media (width>=900px){.ob-footer{padding:24px 16px}.ob-footer .btn{width:auto;min-width:180px}.ob-stage.hero .ob-pet{width:280px;height:320px;margin-top:-34px;margin-bottom:-40px}.ob-stage.hero .ob-ground{width:216px;height:70px;bottom:28px}.ob-egg{width:168px;height:202px;margin-left:-84px;bottom:48px}.ob-bubble{font-size:20px}.ob-bubble.hero{max-width:400px}}.home{display:block}.home-main{max-width:var(--content-w);width:100%;min-width:0;margin:0 auto}.home-rail{display:none}@media (width>=1100px){.home{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.home-main{margin:0}.home-rail{flex-direction:column;gap:16px;padding-top:20px;display:flex;position:sticky;top:20px}}.hstats{padding:calc(8px + var(--safe-top)) 0 8px;background:var(--snow);z-index:6;align-items:center;gap:18px;display:flex;position:sticky;top:0}.hstats .stat,.rail-stats .stat{gap:7px;font-size:17px}.stat.off{filter:none;color:var(--hare)}.hstats .gear{width:40px;height:40px;color:var(--hare);border-radius:12px;place-items:center;display:grid}.hstats .gear:hover{background:var(--polar);color:var(--wolf)}@media (width>=1100px){.hstats{display:none}}.rail-stats{justify-content:space-between;padding:4px 6px;display:flex}.ubanner{background:var(--feather);color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--feather-dark);z-index:1;align-items:center;gap:12px;margin-top:4px;padding:12px 14px 12px 18px;display:flex;position:relative}.ubanner .kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:800}.ubanner h2{color:#fff;margin-top:1px;font-size:24px;line-height:1.15}.ubanner .gb{--btn-bg:var(--feather);--btn-edge:var(--feather-dark);--btn-fg:#fff;--btn-hover:var(--feather-hover);box-shadow:0 4px 0 var(--feather-dark);letter-spacing:.08em;background-clip:padding-box;border:2px solid #8fdc4a;min-height:46px;padding:0 14px}.ubanner .gb .lbl{display:none}.ubanner .gb-wrap{border-left:2px solid #ffffff59;align-self:stretch;align-items:center;margin-left:2px;padding-left:14px;display:flex}@media (width>=600px){.ubanner .gb .lbl{display:inline}.ubanner .gb-wrap{border-left:0;padding-left:0}}.path{--amp:46px;--row:98px;--node:70px;padding:10px 0 20px;position:relative}@media (width>=600px){.path{--amp:92px;--row:110px;--node:76px;padding:20px 0 28px}}.prow{height:var(--row);justify-content:center;align-items:center;display:flex;position:relative}.path .prow{animation:row-in var(--dur-slow) var(--spring) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes row-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.path .prow{animation-delay:0s!important}}.path>:nth-child(2) .prow{--i:1}.path>:nth-child(3) .prow{--i:2}.path>:nth-child(4) .prow{--i:3}.path>:nth-child(5) .prow{--i:4}.path>:nth-child(6) .prow{--i:5}.path>:nth-child(7) .prow{--i:6}.path>:nth-child(8) .prow{--i:7}.path>:nth-child(9) .prow{--i:8}.prow.cur{height:calc(var(--row) + 58px);padding-top:58px}.pnode-wrap{transform:translateX(calc(var(--nx) * var(--amp)));position:relative}.pnode{width:var(--node);height:var(--node);cursor:pointer;background:var(--n-bg);color:var(--n-fg,#fff);box-shadow:0 8px 0 var(--n-edge);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),filter var(--dur-fast);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pnode:after{content:"";border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 -6px #00000014}.pnode:hover{filter:brightness(1.06)}.pnode:active,.pnode.pressed{box-shadow:0 0 0 var(--n-edge);transform:translateY(8px)}.pnode:focus-visible{outline:3px solid var(--macaw);outline-offset:4px}.pnode.available{--n-bg:var(--feather);--n-edge:var(--feather-dark)}.pnode.learning{--n-bg:var(--macaw);--n-edge:var(--macaw-dark)}.pnode.mastered,.pnode.lit{--n-bg:var(--bee);--n-edge:var(--bee-dark)}.pnode.fuzzy{--n-bg:var(--fox);--n-edge:var(--fox-dark);animation:2.4s ease-in-out infinite alternate fuzzy-fade}.pnode.locked{--n-bg:var(--swan);--n-edge:var(--swan-dark);--n-fg:var(--hare);cursor:default}.pnode.locked:hover{filter:none}.pnode.trophy{--n-bg:var(--swan);--n-edge:var(--swan-dark);--n-fg:var(--hare)}.pnode.trophy.lit{--n-bg:var(--bee);--n-edge:var(--bee-dark);--n-fg:#fff}@keyframes fuzzy-fade{0%{opacity:1}to{opacity:.45}}.pnode-wrap.is-open .pnode{animation:node-pop .5s var(--spring)}@keyframes node-pop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.pring{pointer-events:none;position:absolute;inset:-11px}.pring:before{content:"";box-shadow:0 0 0 0 var(--glow,#58cc0259);border-radius:50%;animation:2.2s ease-out infinite ring-glow;position:absolute;inset:-10px}@keyframes ring-glow{0%{box-shadow:0 0 0 0 var(--glow,#58cc0259)}70%{box-shadow:0 0 0 14px #0000}to{box-shadow:0 0 0 14px #0000}}.pring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.pring circle{fill:none;stroke-width:6px;stroke-linecap:round}.pring .track{stroke:var(--swan)}.pring .fill{transition:stroke-dashoffset .6s var(--ease)}.callout{border:2px solid var(--swan);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--feather);z-index:3;pointer-events:none;background:#fff;border-radius:12px;padding:7px 13px;font-size:13px;font-weight:800;animation:1.4s ease-in-out infinite bob;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.callout:after{content:"";border-right:2px solid var(--swan);border-bottom:2px solid var(--swan);background:#fff;width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.callout.fuzzy{color:var(--fox)}.callout.mastered{color:var(--bee-dark)}.callout.resume{color:var(--macaw)}.blorp-tag{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:900;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.blorp-tag.fuzzy{color:var(--fox-dark)}.fuzzy-ring{border:3px dashed var(--fox);pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite wobble;position:absolute;inset:-7px}@keyframes wobble{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-4deg)scale(.99)}50%{transform:rotate(0)scale(1)}75%{transform:rotate(4deg)scale(.99)}}.spark{color:var(--bee);pointer-events:none;font-size:14px;line-height:1;animation:1.8s ease-in-out infinite twinkle;position:absolute}.spark.a{top:-4px;right:-10px}.spark.b{font-size:11px;animation-delay:.9s;bottom:6px;left:-12px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.chest-row{height:calc(var(--row) - 6px)}.chest-btn{cursor:pointer;transition:transform var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:16px;padding:0;line-height:0;display:block}.chest-btn:focus-visible{outline:3px solid var(--macaw);outline-offset:4px}.chest.locked .chest-btn{cursor:default}.chest.ready .chest-btn svg{animation:1.6s ease-in-out infinite chest-bounce}.chest.ready .chest-btn:active{transform:scale(.94)}.chest-tag{background:var(--bee);color:#5a4200;letter-spacing:.06em;box-shadow:0 3px 0 var(--bee-dark);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;position:absolute;top:0;left:calc(100% - 12px);transform:rotate(8deg)}@keyframes chest-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.buddy{z-index:2;pointer-events:none;width:196px;position:absolute;bottom:-2px}.buddy.left{left:-4px}.buddy.right{right:-4px}.buddy .pet{pointer-events:auto;width:96px;height:96px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.buddy .bubble{animation:pop-in var(--dur-slow) var(--spring) both;transition:opacity var(--dur) var(--ease);padding:8px 11px;font-size:13.5px;line-height:1.28;position:absolute;bottom:92px;left:0;right:0}.path.has-open .buddy .bubble{opacity:0;pointer-events:none;animation:none}.buddy .bubble.bottom:before{margin-left:-7px;left:50%}@media (width>=600px){.buddy{width:200px;bottom:-6px}.buddy.left{left:0}.buddy.right{right:0}.buddy .pet{width:132px;height:132px}.buddy .bubble{padding:10px 12px;font-size:14px;bottom:122px}}.npop{background:var(--pop);color:#fff;border-radius:var(--radius-lg);width:min(360px,100%);box-shadow:0 4px 0 var(--pop-edge);animation:pop-in var(--dur-slow) var(--spring) both;z-index:4;margin:20px auto 24px;padding:16px 16px 14px;scroll-margin-bottom:110px;position:relative}.npop:before{content:"";top:-8px;left:calc(50% + var(--nx) * var(--amp));background:var(--pop);border-radius:3px;width:18px;height:18px;margin-left:-9px;position:absolute;transform:rotate(45deg)}.npop.green{--pop:var(--feather);--pop-edge:var(--feather-dark);--pop-fg:var(--feather-dark);--pop-btn-edge:#c3f2a0}.npop.orange{--pop:var(--fox);--pop-edge:var(--fox-dark);--pop-fg:var(--fox-dark);--pop-btn-edge:#ffd8a6}.npop.gold{--pop:var(--bee);--pop-edge:var(--bee-dark);--pop-fg:#b07d00;--pop-btn-edge:#ffeaa3}.npop.blue{--pop:var(--macaw);--pop-edge:var(--macaw-dark);--pop-fg:var(--macaw-dark);--pop-btn-edge:#b9e8ff}.npop h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:1.15;overflow:hidden}.npop .sub{opacity:.92;margin-top:3px;font-size:15px;font-weight:700;line-height:1.3}.npop .belief{background:#ffffff2e;border-radius:12px;margin-top:8px;padding:7px 11px;font-size:13.5px;font-weight:700;line-height:1.3}.npop .belief .who{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:2px;font-size:11px;display:block}.npop .hook-row{margin-top:10px}.npop .hook-row .hook{opacity:.92;color:#fff;font-size:12.5px;font-weight:800;display:block}.npop .cta{--btn-bg:#fff;--btn-edge:var(--pop-btn-edge);--btn-fg:var(--pop-fg);--btn-hover:#fff;margin-top:12px}.npop .alt{--btn-bg:transparent;--btn-edge:transparent;--btn-fg:#fff;--btn-hover:#ffffff24;box-shadow:none;border:2px solid #fff9;margin-top:8px}.jump-fab{right:16px;bottom:calc(158px + var(--safe-bottom));border:2px solid var(--swan);width:52px;height:52px;box-shadow:0 4px 0 var(--swan);color:var(--macaw);cursor:pointer;z-index:15;animation:pop-in var(--dur-slow) var(--spring) both;background:#fff;border-radius:16px;place-items:center;display:grid;position:fixed}.jump-fab:active{box-shadow:none;transform:translateY(4px)}@media (width>=900px){.jump-fab{bottom:92px;right:24px}}.rail-card h3{font-size:17px}.rail-card .muted{color:var(--wolf);font-size:14px;font-weight:600;line-height:1.4}.memrow{align-items:center;gap:10px;margin-top:10px;font-size:13.5px;font-weight:700;line-height:1.2;display:flex}.memrow .t{flex:1;min-width:0}.memrow .when{color:var(--wolf);white-space:nowrap;text-align:right;width:34px;font-size:12px;font-weight:800}.memrow .when.fuzzy{color:var(--fox)}.memrow .mini{background:var(--swan);border-radius:999px;flex:none;width:56px;height:8px;overflow:hidden}.memrow .mini i{background:var(--macaw);border-radius:999px;height:100%;display:block}.memrow .mini i.fuzzy{background:var(--fox)}.guide-scroll{max-height:min(58vh,520px);padding-right:2px;position:relative;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.modal>.guide-scroll{flex-shrink:1;min-height:120px}.guide{flex-direction:column;gap:10px;padding-bottom:28px;display:flex}.guide .g{border:2px solid var(--swan);border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.guide .g .ic{color:#fff;background:var(--feather);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.guide .g .ic svg{width:26px;height:26px}.guide .g.locked .ic{background:var(--swan);color:var(--hare)}.guide .g.mastered .ic{background:var(--bee)}.guide .g.fuzzy .ic{background:var(--fox)}.guide .g .t{font-size:15px;font-weight:800}.guide .g .s{color:var(--wolf);margin-top:2px;font-size:13px;font-weight:600;line-height:1.35}.dg{animation:dg-in var(--dur-slow,.3s) var(--spring,ease) both;transform-origin:50%;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;display:block;overflow:visible}@keyframes dg-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.dg-el,.dg-decor,.dg-slice{pointer-events:none}.dg-hit{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.dg-wedge,.dg-stroke,.dg-sq{transition:fill var(--dur-fast,.15s),fill-opacity var(--dur-fast,.15s),stroke var(--dur-fast,.15s),stroke-width var(--dur-fast,.15s)}.dg-idle .dg-wedge{fill-opacity:.18}.dg-hit.dg-idle.dg-hover .dg-wedge{fill-opacity:.32}.dg-highlight .dg-wedge{fill-opacity:.35}.dg-selected .dg-wedge{fill-opacity:.5;animation:dg-pop var(--dur-slow,.3s) var(--spring,ease);transform-box:fill-box;transform-origin:50%}.dg-correct .dg-wedge{fill-opacity:.5}.dg-wrong .dg-wedge{fill-opacity:.45}@keyframes dg-pop{0%{transform:scale(.9)}60%{transform:scale(1.07)}to{transform:none}}.dg-halo{opacity:0;transition:opacity var(--dur-fast,.15s)}.dg-selected .dg-halo{opacity:.28}.dg-correct .dg-halo,.dg-wrong .dg-halo{opacity:.35;animation:dg-halo .65s var(--spring,ease) both}@keyframes dg-halo{0%{opacity:.9;stroke-width:0}55%{stroke-width:14px;opacity:.6}to{opacity:.35;stroke-width:7px}}.dg-highlight .dg-halo{opacity:.3;animation:1.4s ease-in-out infinite dg-halo-pulse}@keyframes dg-halo-pulse{0%,to{opacity:.16;stroke-width:5px}50%{opacity:.4;stroke-width:12px}}@media (prefers-reduced-motion:reduce){.dg-highlight .dg-halo{opacity:.3;animation:none}}.dg-wrong{animation:dg-shake .42s var(--ease,ease)}@keyframes dg-shake{0%,to{transform:none}20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.dg-focus{opacity:0;transition:opacity var(--dur-fast,.15s)}.dg-hit:focus-visible .dg-focus{opacity:1}.dg-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dg-slice{fill:var(--snow,#fff);stroke:#fff;transition:fill var(--dur-fast,.15s),stroke var(--dur-fast,.15s)}.dg-slice.dg-idle{fill:#eef0f3}.dg-slice.dg-hover{fill:var(--swan,#e5e5e5)}.dg-slice.dg-highlight{fill:var(--fox-light,#ffe6c4)}.dg-slice.dg-selected{fill:#cdeeff}.dg-slice.dg-correct{fill:var(--feather-light,#d7ffb8)}.dg-slice.dg-wrong{fill:var(--cardinal-light,#ffdfe0)}.dg-slice.dg-selected{animation:dg-slice-pop var(--dur-slow,.3s) var(--spring,ease);transform-box:fill-box;transform-origin:50%}@keyframes dg-slice-pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:none}}@media (prefers-reduced-motion:reduce){.dg,.dg-selected .dg-wedge,.dg-correct .dg-halo,.dg-wrong .dg-halo,.dg-wrong,.dg-slice{animation:none}}.fig-card{border-radius:var(--radius-lg,16px);border:2px solid var(--swan);background:var(--snow);width:100%;color:var(--eel);box-shadow:0 4px 0 var(--swan);cursor:pointer;text-align:left;font:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast,.15s) var(--ease,ease),box-shadow var(--dur-fast,.15s),background var(--dur-fast,.15s),border-color var(--dur-fast,.15s),color var(--dur-fast,.15s);animation:fig-rise var(--dur-slow,.3s) var(--ease,ease) both;animation-delay:calc(var(--i,0)*70ms);flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}@keyframes fig-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (hover:hover){.fig-card:not(:disabled):hover{background:var(--polar);border-color:var(--swan-dark);box-shadow:0 4px 0 var(--swan-dark)}}.fig-card:not(:disabled):active{box-shadow:none;transform:translateY(4px)}.fig-card:focus-visible{outline:3px solid var(--macaw);outline-offset:3px}.fig-card.selected,.fig-card.selected:hover{border-color:var(--macaw-edge);background:var(--macaw-light);box-shadow:0 4px 0 var(--macaw-edge);color:var(--macaw-dark)}.fig-card.correct,.fig-card.correct:hover{border-color:var(--feather-edge);background:var(--feather-light);box-shadow:0 4px 0 var(--feather-edge);color:var(--feather-dark)}.fig-card.wrong,.fig-card.wrong:hover{border-color:var(--cardinal-edge);background:var(--cardinal-light);box-shadow:0 4px 0 var(--cardinal-edge);color:var(--cardinal-dark);animation:fig-shake .42s var(--ease,ease)}@keyframes fig-shake{0%,to{transform:none}20%{transform:translate(-6px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.fig-card:disabled{cursor:default}.fig-card .fig{width:100%;aspect-ratio:var(--fig-ar,1.4);justify-content:center;align-items:center;display:flex}.fig-card .fig .dg{width:100%;max-width:none;height:100%;margin:0}.fig-foot{justify-content:space-between;align-items:center;gap:10px;min-height:28px;font-size:15px;font-weight:800;line-height:1.3;display:flex}.fig-key{border:2px solid var(--swan);width:28px;height:28px;color:var(--hare);transition:border-color var(--dur-fast),color var(--dur-fast);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:none}.fig-card.selected .fig-key{border-color:var(--macaw-edge);color:var(--macaw-dark)}.fig-card.correct .fig-key{border-color:var(--feather-edge);color:var(--feather-dark)}.fig-card.wrong .fig-key{border-color:var(--cardinal-edge);color:var(--cardinal-dark)}@media (width>=640px) and (hover:hover){.fig-key{display:grid}}.fig-verdict{text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap;animation:fig-sticker var(--dur-slow,.3s) var(--spring,ease) both;z-index:1;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:-10px;right:10px}@keyframes fig-sticker{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}.fig-verdict.correct{background:var(--feather)}.fig-verdict.wrong{background:var(--cardinal)}.fig-mark{color:#fff;width:32px;height:32px;animation:fig-sticker var(--dur-slow,.3s) var(--spring,ease) both;border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 2px #0000001f}.fig-mark.correct{background:var(--feather)}.fig-mark.wrong{background:var(--cardinal)}.fig-card.hint-pulse{animation:1.4s ease-in-out infinite fig-card-pulse}@keyframes fig-card-pulse{0%,to{box-shadow:0 4px 0 var(--swan),0 0 0 0 #1cb0f659}50%{box-shadow:0 4px 0 var(--swan),0 0 0 8px #1cb0f60d}}@media (prefers-reduced-motion:reduce){.fig-card.hint-pulse{animation:none}}.tapdg-grid{grid-template-columns:repeat(var(--cols,2),1fr);gap:12px;display:grid}.tapdg-grid .fig-card{padding:8px 8px 6px}.tapdg-grid .fig-foot{justify-content:flex-end;min-height:0}.fig-solo{width:calc((100% - 12px * (var(--cols,2) - 1)) / var(--cols,2));grid-column:1/-1;justify-self:center}@media (width>=640px){.tapdg-grid{gap:16px}.tapdg-grid .fig-card{padding:14px 14px 10px}.fig-solo{width:calc((100% - 16px * (var(--cols,3) - 1)) / var(--cols,3))}}.tapdg-single{background:var(--snow);transition:border-color var(--dur-fast,.15s),background var(--dur-fast,.15s);justify-content:center;padding:12px;display:flex}.tapdg-single .dg{height:auto;margin:0 auto}.tapdg-single.correct{border-color:var(--feather-edge);background:#f4ffea}.tapdg-single.wrong{border-color:var(--cardinal-edge);background:#fff6f6}.cx-instruction{color:var(--eel);margin:0;font-size:16px;font-weight:800;line-height:1.3}.cx-claim{border-radius:var(--radius-lg,16px);border:2px solid var(--beetle-edge);background:var(--beetle-light);color:var(--eel);box-shadow:0 2px 0 var(--beetle-edge);padding:10px 14px;font-size:15px;font-weight:800;line-height:1.4;display:block;position:relative}.cx-claim .who{color:var(--beetle-dark);text-transform:uppercase;letter-spacing:var(--ls-label,.8px);margin-bottom:2px;font-size:12px;display:block}.cx-claim .quote{transition:color var(--dur-slow,.3s),text-decoration-color .38s var(--ease,ease) .15s;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:3px;display:inline}.cx-claim.busted{border-color:var(--cardinal-edge);background:var(--cardinal-light);box-shadow:0 2px 0 var(--cardinal-edge)}.cx-claim.busted .who{color:var(--cardinal-dark)}.cx-claim.busted .quote{color:var(--hare);-webkit-text-decoration-color:var(--cardinal);text-decoration-color:var(--cardinal)}.cx-busted{background:var(--cardinal);color:#fff;text-transform:uppercase;letter-spacing:.08em;animation:fig-sticker var(--dur-slow,.3s) var(--spring,ease) .38s both;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:-14px;right:10px;transform:rotate(-6deg);box-shadow:0 2px #0000001f}.cx-grid{grid-template-columns:repeat(var(--cols,2),1fr);gap:12px;display:grid}.cx-grid .fig-card{min-height:44px;padding:8px}.cx-grid .fig-foot{min-height:0;padding:0 2px 2px;font-size:14px;line-height:1.25}.cx-card-note{color:var(--cardinal-dark);margin:0;padding:6px 2px 2px;font-size:12px;font-weight:800;line-height:1.3}@media (width>=640px){.cx-grid{gap:16px}.cx-grid .fig-card{padding:12px}.cx-grid .fig-foot{font-size:15px}.cx-card-note{font-size:13px}}.cx-coach{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 16px;display:flex}.cx-coach .mini-blorp{width:48px;height:48px;margin-bottom:0}.cx-coach-line{color:var(--eel);max-width:34ch;margin:0;font-size:16px;font-weight:800;line-height:1.32}.cx-coach .btn{max-width:280px;margin-top:6px}@media (prefers-reduced-motion:reduce){.fig-card,.fig-verdict,.fig-mark,.cx-busted{animation:none}.cx-claim .quote{transition:none}}.tx-heading{color:var(--eel);letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.25}.tx-figure{justify-content:center;padding:2px 0;display:flex}.tx-figure svg{max-height:190px}.tx-reply{align-items:flex-start;gap:10px;width:100%;min-height:60px;display:flex}.tx-reply.static{align-items:center}.tx-reply .tx-why{width:100%;animation:tx-why-in var(--dur-slow) var(--spring) both;align-items:flex-start;gap:10px;display:flex}.tx-reply .bubble{flex:1;padding:11px 14px;font-size:16px;font-weight:700;line-height:1.3}.tx-reply .bubble.left:before{top:16px}.tx-reply .tx-hint{color:var(--hare);animation:tx-why-in var(--dur) var(--ease) both;padding:6px 0;font-size:15px;font-weight:700}@keyframes tx-why-in{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}.mini-blorp{transform-origin:50% 100%;flex:none;width:48px;height:48px;animation:2.2s ease-in-out infinite mini-bob}.mini-blorp svg{width:100%;height:100%;overflow:visible}.mini-blorp.confused{animation:2.6s ease-in-out infinite mini-tilt}.mini-blorp.happy{animation:mini-hop 1.4s var(--spring) infinite}@keyframes mini-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes mini-tilt{0%,to{transform:rotate(-6deg)}50%{transform:rotate(4deg)}}@keyframes mini-hop{0%,60%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-5px)scale(1.04,.96)}40%{transform:translateY(0)scale(.98,1.03)}}@media (prefers-reduced-motion:reduce){.mini-blorp,.mini-blorp.confused,.mini-blorp.happy{animation:none}}.tc-list{flex-direction:column;gap:12px;display:flex}.tc-card{--tc-edge:var(--swan);text-align:left;border-radius:var(--radius-lg);border:2px solid var(--swan);background:var(--snow);width:100%;min-height:64px;color:var(--eel);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 0 var(--tc-edge);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),opacity var(--dur);animation:tc-in var(--dur-slow) var(--spring) both;align-items:center;gap:14px;padding:16px 18px;font-size:17px;font-weight:600;line-height:1.35;display:flex;position:relative;transform:translateY(0)}.tc-card:first-child{animation-delay:0s}.tc-card:nth-child(2){animation-delay:70ms}.tc-card:nth-child(3){animation-delay:.14s}.tc-card:nth-child(4){animation-delay:.21s}.tc-card:nth-child(5){animation-delay:.28s}@keyframes tc-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.tc-card:not(:disabled):hover{background:var(--polar)}.tc-card.selected:not(:disabled):hover{background:var(--macaw-light)}}.tc-card:not(:disabled):active{box-shadow:0 0 0 var(--tc-edge);transform:translateY(4px)}.tc-card:focus-visible{outline:3px solid var(--macaw);outline-offset:3px}.tc-card:disabled{cursor:default}.tc-card .tc-key{border:2px solid var(--swan);width:30px;height:30px;color:var(--hare);transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.tc-card .tc-text{flex:1;min-width:0}.tc-card .tc-mark{color:#fff;width:28px;height:28px;animation:tc-mark-in var(--dur-slow) var(--spring) both;border-radius:50%;flex:none;place-items:center;display:grid}.tc-card .tc-mark svg{width:16px;height:16px}@keyframes tc-mark-in{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.tc-card.selected{--tc-edge:var(--macaw-edge);border-color:var(--macaw-edge);background:var(--macaw-light);color:var(--macaw-dark);animation:tc-pick var(--dur-slow) var(--spring) both;font-weight:700}@keyframes tc-pick{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}.tc-card.selected .tc-key{border-color:var(--macaw-edge);color:var(--macaw);background:var(--snow)}.tc-card.correct{--tc-edge:var(--feather-edge);border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);animation:tc-yes .5s var(--spring) both;font-weight:700}@keyframes tc-yes{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}.tc-card.correct .tc-key{border-color:var(--feather-edge);color:var(--feather-dark);background:var(--snow)}.tc-card.correct .tc-mark{background:var(--feather)}.tc-card.wrong{--tc-edge:var(--cardinal-edge);border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);animation:tc-shake .45s var(--ease) both;font-weight:700}.tc-card.wrong .tc-key{border-color:var(--cardinal-edge);color:var(--cardinal-dark);background:var(--snow)}.tc-card.wrong .tc-mark{background:var(--cardinal)}.tc-card.dim{opacity:.55;animation:none}@keyframes tc-shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (width<=700px){.tc-card .tc-key{display:none}.tc-card{padding:16px}}.tx-sparks{pointer-events:none;position:absolute;inset:0;overflow:visible}.tx-sparks i{left:var(--x);top:var(--y);background:var(--bee);opacity:0;width:9px;height:9px;animation:tx-spark .7s var(--ease) both;animation-delay:var(--d);border-radius:50%;margin:-4px 0 0 -4px;position:absolute}.tx-sparks i:nth-child(odd){background:var(--feather)}.tx-sparks i:nth-child(3n){width:6px;height:6px}@keyframes tx-spark{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@media (prefers-reduced-motion:reduce){.tx-sparks{display:none}}.asm-lines{min-height:calc(var(--asm-rows,2) * 58px + 6px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 56px,var(--swan) 56px,var(--swan) 58px);transition:background var(--dur);flex-wrap:wrap;align-content:flex-start;gap:12px 8px;padding:6px 0 0;display:flex;position:relative}.asm-lines.correct{background:repeating-linear-gradient(to bottom,transparent 0,transparent 56px,var(--feather-edge) 56px,var(--feather-edge) 58px)}.asm-lines.wrong{background:repeating-linear-gradient(to bottom,transparent 0,transparent 56px,var(--cardinal-edge) 56px,var(--cardinal-edge) 58px);animation:tc-shake .45s var(--ease) both}.asm-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.asm-usecount{color:var(--hare);margin:0;font-size:14px;font-weight:800}.asm-counter{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--hare);background:var(--polar);border-radius:var(--radius-pill,999px);flex:none;padding:4px 10px;font-size:12px;font-weight:800}.asm-tile{--tile-edge:var(--swan);border-radius:var(--radius);border:2px solid var(--swan);background:var(--snow);max-width:100%;min-height:46px;color:var(--eel);font:inherit;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 0 var(--tile-edge);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex;position:relative;transform:translateY(0)}@media (hover:hover){.asm-tile:not(:disabled):hover{background:var(--polar)}}.asm-tile:not(:disabled):active{box-shadow:0 0 0 var(--tile-edge);transform:translateY(4px)}.asm-tile:focus-visible{outline:3px solid var(--macaw);outline-offset:3px}.asm-tile:disabled{cursor:default}.asm-tile .tile-key{border:2px solid var(--swan);width:20px;height:20px;color:var(--hare);border-radius:6px;flex:none;place-items:center;margin-left:-4px;font-size:11px;font-weight:800;display:grid}.asm-tile.correct{--tile-edge:var(--feather-edge);border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);animation:asm-yes .45s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms)}@keyframes asm-yes{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.asm-tile.wrong{--tile-edge:var(--cardinal-edge);border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark)}.asm-tile.misplaced{--tile-edge:var(--bee-edge);border-color:var(--bee-edge);background:var(--bee-light);color:var(--bee-dark)}.asm-mark{flex:none;width:18px;height:18px;display:inline-flex}.asm-mark svg{width:100%;height:100%}.asm-mark-txt{font-size:15px;font-weight:800;line-height:1}.asm-tile.static{cursor:default;animation:none}.asm-tile.flying{z-index:5}.asm-tile.landed{animation:asm-land .32s var(--spring) both}@keyframes asm-land{0%{transform:scale(1.06)}to{transform:scale(1)}}.asm-answer-slot{border-radius:var(--radius);border:2px dashed var(--swan);min-width:46px;min-height:46px;color:var(--hare);flex:none;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.asm-slot-num{font-size:13px;font-weight:800}.asm-bank{flex-wrap:wrap;justify-content:center;gap:10px 8px;padding-top:4px;display:flex}.asm-slot{border-radius:var(--radius);background:var(--swan);animation:asm-in var(--dur-slow) var(--spring) both;max-width:100%;position:relative}.asm-slot:first-child{animation-delay:0s}.asm-slot:nth-child(2){animation-delay:40ms}.asm-slot:nth-child(3){animation-delay:80ms}.asm-slot:nth-child(4){animation-delay:.12s}.asm-slot:nth-child(5){animation-delay:.16s}.asm-slot:nth-child(6){animation-delay:.2s}.asm-slot:nth-child(7){animation-delay:.24s}.asm-slot:nth-child(8){animation-delay:.28s}@keyframes asm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.asm-slot .asm-tile{vertical-align:top}.asm-slot.used .asm-tile{visibility:hidden}.asm-solution{flex-wrap:wrap;gap:8px;display:flex}.asm-solution-label{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--feather-dark);font-size:13px;font-weight:800}@media (width<=700px){.asm-tile .tile-key{display:none}}@media (prefers-reduced-motion:reduce){.asm-lines.wrong,.asm-tile.correct,.asm-tile.landed,.asm-slot{animation:none}}.gh{--ink:#3a3a3a;--ink-soft:#6b6b6b;--grid:#4678c81c;--paper:#fffdf6;--hand:"Patrick Hand","Bradley Hand","Segoe Print","Comic Sans MS",cursive}.gh-hint{border-radius:var(--radius-lg);background:var(--macaw-light);color:var(--macaw-dark);transition:background var(--dur),border-color var(--dur),color var(--dur);border:2px solid #b5e7ff;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:800;line-height:1.3;display:flex}.gh-hint .ico{background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.gh-hint.step-picked{background:var(--bee-light);color:#a87800;border-color:#ffe08a}.gh-hint.good{background:var(--feather-soft);color:var(--feather-dark);border-color:#c5efa4}.gh-hint.bad{background:var(--cardinal-light);color:var(--cardinal-dark);border-color:#ffb8b8}.gh-hint b{font-weight:900}.gh-paper{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);border:2px solid var(--swan);box-shadow:0 3px 0 var(--swan);font-family:var(--hand);color:var(--ink);animation:pop-in var(--dur-slow) var(--spring) both;background-position:-1px -1px;background-size:20px 20px;border-radius:10px;padding:22px 14px 14px;position:relative}.gh-tape{pointer-events:none;background:#ffd6668c;border:1px solid #d6a82c59;border-radius:3px;width:96px;height:26px;margin-left:-48px;position:absolute;top:-12px;left:50%;transform:rotate(-2.5deg);box-shadow:0 1px 2px #0000000f}.gh-head{color:var(--ink-soft);border-bottom:2px solid #3a3a3a2e;flex-direction:column;gap:0;margin-bottom:12px;padding:0 110px 6px 0;font-size:17px;line-height:1.25;display:flex}.gh-head b{color:var(--ink);font-size:22px;font-weight:400}.gh-head .gh-class{font-size:15px}.gh-stamp{border:2.5px solid var(--cardinal);color:var(--cardinal);font:800 12px/1.4 var(--font);letter-spacing:.1em;text-transform:uppercase;opacity:.85;pointer-events:none;border-radius:6px;padding:2px 8px;position:absolute;top:22px;right:14px;transform:rotate(7deg)}.gh-label{font:800 11px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--hare);margin-bottom:4px}.gh-problem{margin-bottom:10px;font-size:19px;line-height:1.35}.gh-fig{justify-content:center;margin:2px 0 8px;display:flex}.gh-fig svg{background:var(--paper);max-width:100%;height:auto;box-shadow:0 0 0 6px var(--paper);border-radius:8px}.gh-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gh-step{text-align:left;width:100%;font-family:var(--hand);color:var(--ink);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast) var(--ease);animation:step-in var(--dur-slow) var(--spring) both;background:0 0;border:2px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px 8px 6px;font-size:19px;line-height:1.3;display:flex}.gh-step:hover:not(:disabled){background:#ffffffbf;border-color:#1cb0f659}.gh-step:active:not(:disabled){transform:scale(.985)}.gh-step:focus-visible{outline:3px solid var(--macaw);outline-offset:1px}.gh-step:disabled{cursor:default}.gh-step.wiggle{animation:wiggle .5s var(--ease)}.gh-step .gh-n{width:22px;color:var(--ink-soft);flex:none;font-size:18px}.gh-step .gh-text{flex:1;text-decoration-thickness:2px}.gh-step .gh-mark{border:2px dashed var(--hare);width:28px;height:28px;font:900 15px/1 var(--font);color:#0000;transition:all var(--dur-fast);border-radius:50%;flex:none;place-items:center;margin-top:-1px;display:grid}.gh-step.selected{background:var(--macaw-light);color:var(--macaw-dark);border-color:#84d8ff}.gh-step.selected .gh-n{color:var(--macaw)}.gh-step.selected .gh-mark{border-style:solid;border-color:var(--macaw);background:var(--macaw);color:#fff}.gh-step.wrong{background:var(--cardinal-light);color:var(--cardinal-dark);border-color:#ffb8b8}.gh-step.wrong .gh-n{color:var(--cardinal)}.gh-step.wrong .gh-text{-webkit-text-decoration:underline wavy var(--cardinal);text-decoration:underline wavy var(--cardinal);text-underline-offset:4px}.gh-step.wrong .gh-mark{border-style:solid;border-color:var(--cardinal);background:var(--cardinal);color:#fff}.gh-step.fine{background:var(--macaw-light);color:var(--macaw-dark);border-color:#84d8ff}.gh-step.fine .gh-mark{border-style:solid;border-color:var(--macaw);color:var(--macaw);background:#fff}.gh-fix{animation:pop-in var(--dur-slow) var(--spring) both;flex-direction:column;gap:10px;display:flex}.gh-quote{font-family:var(--hand);color:var(--cardinal-dark);padding:0 4px;font-size:18px;line-height:1.3;text-decoration:line-through;text-decoration-thickness:2px}.gh-compare{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}@media (width<=400px){.gh-compare{gap:8px}}.gh-mini{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);border:2px solid var(--swan);box-shadow:0 3px 0 var(--swan);font-family:var(--hand);color:var(--ink);animation:pop-in var(--dur-slow) var(--spring) both;transform-origin:top;background-size:20px 20px;border-radius:10px;padding:12px 10px 10px;position:relative}.gh-mini.bad{border-color:#ffb8b8;box-shadow:0 3px #ffb8b8}.gh-mini.good{border-color:#a5ed6e;animation-delay:.12s;box-shadow:0 3px #a5ed6e}.gh-mini-head{border-radius:var(--radius-pill);font:800 11px/1.4 var(--font);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;padding:3px 9px;display:inline-flex}.gh-mini.bad .gh-mini-head{background:var(--cardinal-light);color:var(--cardinal-dark)}.gh-mini.good .gh-mini-head{background:var(--feather-soft);color:var(--feather-dark)}.gh-mini ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gh-mini li{gap:6px;font-size:16px;line-height:1.3;display:flex}.gh-mini li .gh-n{width:18px;color:var(--ink-soft);flex:none;font-size:15px}.gh-mini li.struck{color:var(--cardinal-dark)}.gh-mini li.struck .gh-text{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--cardinal);text-decoration-color:var(--cardinal)}.gh-mini li.fixed{color:#2f7a00}.gh-mini li.fixed .gh-text{text-underline-offset:3px;-webkit-text-decoration:underline #a5ed6e;text-decoration:underline #a5ed6e;text-decoration-thickness:2px}.gh-mini li.dim{color:var(--ink-soft)}.gh-mini-mark{font:900 22px/1 var(--font);position:absolute;top:6px;right:8px}.gh-mini.bad .gh-mini-mark{color:var(--cardinal)}.gh-mini.good .gh-mini-mark{color:var(--feather)}@media (width>=700px){.gh-mini{padding:14px 14px 12px}.gh-mini li{font-size:18px}}.help-back{z-index:60;background:#14282880;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.help-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;max-height:86vh;padding:14px 18px calc(16px + var(--safe-bottom));background:#f4faf9;flex-direction:column;gap:12px;display:flex;overflow:auto;box-shadow:0 -8px 30px #00000040}@media (width>=600px){.help-back{align-items:center}.help-sheet{border-radius:var(--radius-xl);max-height:80vh}}.help-tabs{align-items:center;gap:6px;display:flex}.help-tab{font:inherit;letter-spacing:var(--ls-label);text-transform:uppercase;border-radius:var(--radius-pill);color:#3c6e6e;cursor:pointer;background:0 0;border:2px solid #0000;padding:8px 12px;font-size:13px;font-weight:800}.help-tab.on{color:#1f5555;background:#dff0ee;border-color:#9fd0cc}.help-close{color:#3c6e6e;cursor:pointer;background:#e3efee;border:0;border-radius:50%;width:30px;height:30px;margin-left:auto;font-size:18px;line-height:1}.help-body{align-items:flex-start;gap:12px;display:flex}.help-sprocket{flex:none}.help-talk{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.help-name{color:#1f5555;font-size:14px;font-weight:800}.help-title{color:#6b9a9a;font-size:12px;font-weight:600}.help-bubbles{flex-direction:column;gap:6px;display:flex}.help-bubble{border-radius:var(--radius-lg);color:var(--text-body);background:#fff;border:2px solid #d7e9e6;border-top-left-radius:4px;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.35}.help-chips{flex-wrap:wrap;gap:6px;display:flex}.help-chip{font:inherit;border-radius:var(--radius-pill);color:#8a5a1e;cursor:pointer;background:#fbeed9;border:2px solid #c98a3f;padding:7px 12px;font-size:13px;font-weight:700}.help-chip:hover{background:#f6e0bd}.help-foot{align-items:center;gap:10px;margin-top:4px;display:flex}.help-back-arrow{color:#3c6e6e;cursor:pointer;background:#fff;border:2px solid #d7e9e6;border-radius:50%;flex:none;width:40px;height:40px;font-size:20px}.help-back-arrow:disabled{opacity:.35;cursor:default}.help-dots{flex:1;justify-content:center;gap:6px;display:flex}.help-dot{background:#cfe3e0;border-radius:50%;width:6px;height:6px}.help-dot.on{background:#2f7d7d}.help-next{font:inherit;letter-spacing:var(--ls-label);border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#2f7d7d;border:0;flex:none;padding:12px 18px;font-size:13px;font-weight:800;box-shadow:0 3px #1f5555}.help-next:active{transform:translateY(2px);box-shadow:0 1px #1f5555}.help-open-btn{font:inherit;letter-spacing:var(--ls-label);text-transform:uppercase;color:#2f7d7d;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:13px;font-weight:800;display:inline-flex}.help-open-btn:hover{color:#1f5555}.help-open-btn .ico{flex:none;width:18px;height:18px}.lesson-help-btn{right:14px;bottom:calc(118px + var(--safe-bottom));z-index:31;border-radius:var(--radius-pill);background:#fff;border:2px solid #eef5f4;padding:9px 14px 9px 12px;position:fixed;box-shadow:0 2px 8px #00000024}@media (width>=700px){.lesson-help-btn{left:24px;right:auto;bottom:calc(22px + var(--safe-bottom))}}.sprocket{display:block;overflow:visible}.sprocket-rig{transform-origin:50px 60px}.sprocket-wig{transform-origin:55px 6px;transform:rotate(-3deg)}.sprocket-mouth-seg{transform-origin:50%;transform-box:fill-box}.sprocket-eye-glow{opacity:.85}.sprocket-glint{opacity:.35}.sprocket-antenna-tip{opacity:.75}.sprocket-idle .sprocket-mouth-seg{height:2.2px;transform:translateY(.9px)}.sprocket-talking .sprocket-mouth-seg,.sprocket-talking .sprocket-eye-glow{opacity:1}.sprocket-grumble .sprocket-wig{transform:rotate(-16deg)translate(-4px,5px)}.sprocket-grumble .sprocket-eye-glow{opacity:.55}.sprocket-grumble .sprocket-mouth-seg{fill:#d99b4f;height:1.4px;transform:translateY(1.3px)}.sprocket-grumble .sprocket-glint{opacity:.15}.sprocket-pleased .sprocket-wig{transform:rotate(-2deg)}.sprocket-pleased .sprocket-eye-glow{opacity:1;transform-box:fill-box;transform-origin:50%;transform:scale(1.12)}.sprocket-pleased .sprocket-glint{opacity:.9}.sprocket-pleased .sprocket-mouth-seg{height:3.2px}.sprocket-thinking .sprocket-eye-glow:nth-of-type(2){opacity:.5}.sprocket-thinking .sprocket-antenna-tip{opacity:1;fill:#ffcf6b}.sprocket-thinking .sprocket-rig{transform:rotate(2deg)}@media (prefers-reduced-motion:no-preference){.sprocket-idle .sprocket-rig{animation:4.2s ease-in-out infinite sprocket-creak}.sprocket-talking .sprocket-mouth-seg{animation:.5s ease-in-out infinite sprocket-talk}.sprocket-talking .sprocket-rig{animation:2.6s ease-in-out infinite sprocket-creak}.sprocket-grumble .sprocket-wig{animation:2.8s ease-in-out infinite alternate sprocket-wig-slip}.sprocket-grumble .sprocket-rig{animation:3.2s ease-in-out infinite sprocket-creak}.sprocket-pleased .sprocket-rig{animation:1.1s ease-in-out infinite sprocket-bounce}.sprocket-pleased .sprocket-glint{animation:1.8s ease-in-out infinite sprocket-glint}.sprocket-thinking .sprocket-rig{animation:3.6s ease-in-out infinite sprocket-think-tilt}.sprocket-thinking .sprocket-antenna-tip{animation:1.4s ease-in-out infinite sprocket-glint}}@keyframes sprocket-creak{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes sprocket-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes sprocket-wig-slip{0%{transform:rotate(-10deg)translate(-1px,1px)}to{transform:rotate(-18deg)translate(-5px,6px)}}@keyframes sprocket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sprocket-glint{0%,to{opacity:.3}50%{opacity:1}}@keyframes sprocket-think-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(3.5deg)}}.report-back{z-index:70;animation:fade-in var(--dur) both;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.report-modal{max-height:calc(100dvh - 32px);padding:24px 20px 20px;overflow-y:auto}.report-panel{flex-direction:column;gap:12px;display:flex}.report-panel h2{text-align:center;font-size:var(--fs-title);line-height:1.2}.report-panel>p{text-align:center;color:var(--text-muted);font-size:15px;font-weight:600;line-height:1.35}.report-chips{flex-direction:column;gap:8px;display:flex}.report-chip{font:inherit;text-align:left;border-radius:var(--radius);border:2px solid var(--swan);background:var(--snow);color:var(--text);cursor:pointer;border-bottom-width:4px;padding:12px 14px;font-size:15px;font-weight:700}.report-chip.on{border-color:var(--macaw);background:var(--macaw-light);color:var(--macaw-dark)}.report-chip:disabled{cursor:default;opacity:.7}.report-sent{border:2px solid var(--swan);border-radius:var(--radius);padding:10px 12px;font-size:13px;line-height:1.45}.report-sent summary{cursor:pointer;color:var(--macaw-dark);font-weight:800}.report-sent ul{margin:8px 0 0;padding-left:18px}.report-sent .report-errs{word-break:break-word;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.report-k{font-weight:800}.report-v{word-break:break-word}.report-never{color:var(--text-muted);margin-top:8px;font-weight:700}.report-result{padding:8px 0;color:var(--text)!important;font-size:17px!important;font-weight:800!important}.report-link{font:inherit;color:#3c6e6e;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px;font-weight:700;text-decoration:underline}.help-report{justify-content:center;margin-top:6px;display:flex}.crash-screen{background:var(--bg,#fff);place-items:center;min-height:100dvh;padding:24px;display:grid}.crash-card{text-align:center;flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.crash-card h1{font-size:var(--fs-title);line-height:1.2}.crash-card p{color:var(--text-muted);font-weight:600}.lesson{min-height:100%;padding-bottom:calc(250px + var(--safe-bottom))}.lesson-top{padding:0 16px}.lesson-col{max-width:var(--content-w);flex-direction:column;gap:14px;margin:0 auto;padding:4px 16px 0;display:flex}.lt-mode{border-radius:var(--radius-pill);width:36px;height:36px;letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;margin-left:-4px;padding:0;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.lt-mode .ico{font-size:17px;line-height:1}.lt-mode .txt{display:none}.lt-mode.blue{background:var(--macaw-light);color:var(--macaw-dark)}.lt-mode.yellow{background:var(--bee-light);color:#a87800}.lt-mode.red{background:var(--cardinal-light);color:var(--cardinal-dark)}@media (width>=600px){.lt-mode{width:auto;height:32px;margin-left:0;padding:0 12px 0 10px}.lt-mode .ico{font-size:16px}.lt-mode .txt{display:inline}}.ls{align-items:flex-end;gap:12px;display:flex}.ls-pet{background:linear-gradient(#e9f9ff,#f6fdff);border-radius:22px;flex:none;width:104px;height:104px;overflow:hidden}.ls-pet.cheer{animation:ls-cheer .9s var(--spring)}@keyframes ls-cheer{0%{transform:scale(1)}30%{transform:scale(1.18)rotate(-4deg)}60%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)}}.ls-bubble{flex:1;margin-bottom:16px;font-size:17px;font-weight:800;line-height:1.35}@media (width>=900px){.ls-pet{width:128px;height:128px}.ls-bubble{font-size:19px}}.lx-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.lx{animation:lx-in var(--dur-slow) var(--ease) both}.lx.out{animation:lx-out .18s var(--ease) both;pointer-events:none}@keyframes lx-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes lx-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-40px)}}.lr-row{align-items:center;gap:12px;padding:12px 14px;display:flex}.lr-row .ico{text-align:center;flex:none;width:32px;font-size:24px;line-height:1}.lr-row .t{font-weight:700;line-height:1.3}.lr-row .s{opacity:.8;margin-top:2px;font-size:13px;font-weight:700}.lr-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lr-stat{background:var(--snow);border:var(--border) solid var(--swan);border-radius:var(--radius-lg);text-align:center;box-shadow:0 2px 0 var(--swan);padding:10px 6px}.lr-stat .n{font-size:24px;font-weight:800;line-height:1.1}.lr-stat .l{text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:800}.lm{text-align:center;padding:28px 20px 24px}.lm-icon{width:88px;height:88px;box-shadow:0 var(--edge) 0 #00000014;background:#fff;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:44px;line-height:1;display:grid}.lm h1{font-size:26px;line-height:1.2}.lm p{color:var(--text-body);font-weight:600;line-height:1.4;font-size:var(--fs-body);margin-top:8px}.lm-count{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:inline-flex}.lm-count i{background:#00000024;border-radius:50%;width:10px;height:10px}.lm-count .l{text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted);margin-left:6px;font-size:12px;font-weight:800}.lh{text-align:center;padding:24px 20px}.lh h1{margin-top:10px;font-size:26px;line-height:1.2}.lh p{color:var(--text-body);margin-top:8px;font-weight:600;line-height:1.4}.lh-ico{font-size:52px;line-height:1}.lq-pet{background:linear-gradient(#e9f9ff,#f6fdff);border-radius:24px;width:96px;height:96px;margin:0 auto;overflow:hidden}.li{z-index:1;pointer-events:none;position:fixed;inset:0}.li-inner{width:100%;height:100%;max-width:var(--footer-w,1100px);margin:0 auto;position:relative}.li-pet{pointer-events:auto;transform-origin:20% 90%;width:270px;height:270px;animation:li-burst .7s var(--spring) both;position:absolute;bottom:34px;left:-64px}.li.encourage .li-pet{animation:li-peek .6s var(--spring) both}.li-copy{left:176px;right:16px;bottom:calc(200px + var(--safe-bottom));pointer-events:auto;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.li-kicker{background:var(--fox);color:#fff;text-transform:uppercase;letter-spacing:var(--ls-label);border-radius:var(--radius-pill);box-shadow:0 var(--edge) 0 var(--fox-dark);align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:800;animation-delay:.3s}.li-bubble{width:100%;padding:16px 18px;animation-delay:.16s}.li-title{font-size:26px;font-weight:800;line-height:1.15}.li.combo .li-title{color:var(--fox)}.li-line{color:var(--text-body);margin-top:6px;font-size:17px;font-weight:700;line-height:1.35}@keyframes li-burst{0%{opacity:0;transform:translate(-60%,70%)rotate(-24deg)scale(.7)}55%{opacity:1;transform:translate(4%,-8%)rotate(4deg)scale(1.06)}to{opacity:1;transform:none}}@keyframes li-peek{0%{opacity:0;transform:translate(-40%,60%)rotate(-10deg)}to{opacity:1;transform:none}}@media (width>=900px){.li-pet{width:400px;height:400px;bottom:-30px;left:calc(50% - 470px)}.li-copy{width:440px;bottom:240px;left:calc(50% - 90px);right:auto}.li-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.li-pet,.li.encourage .li-pet{animation:none}}.ls.ls-hidden{opacity:0;pointer-events:none;height:0;margin-top:-14px;overflow:hidden}.lt-reteach{border-radius:var(--radius-pill);background:var(--beetle-light,#f3e2ff);height:24px;color:var(--beetle-dark,#9b4fd0);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.lx-hint{background:var(--bee-light,#fff5d3);color:#8a6400;border-radius:12px;margin-top:10px;padding:8px 12px;font-size:14px;font-weight:700}.lx-intro-head{color:var(--beetle,#ce82ff);letter-spacing:var(--ls-label);text-transform:uppercase;font-size:14px;font-weight:800}.lx-intro-body{color:var(--wolf,#777);margin:8px 0 0;font-size:16px;font-weight:700}.lt-voice{border:2px solid var(--swan);background:var(--snow,#fff);width:36px;height:36px;color:var(--hare,#afafaf);cursor:pointer;box-shadow:0 2px 0 var(--swan);border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.lt-voice.on{color:var(--feather,#58cc02);border-color:var(--swan)}.lt-voice:active{box-shadow:none;transform:translateY(2px)}.lt-voice:focus-visible{outline:3px solid var(--macaw);outline-offset:2px}.explain-mic{font:inherit;border:2px solid var(--feather,#58cc02);color:var(--feather,#58cc02);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background var(--dur,.15s), color var(--dur,.15s);background:#fff;border-radius:16px;padding:12px;font-weight:800}.explain-mic.live{background:var(--feather,#58cc02);color:#fff}.explain-step .ls{position:relative}.explain-interjection{border:2px solid var(--swan,#e5e5e5);pointer-events:none;background:#fff;border-radius:999px;max-width:70%;padding:6px 10px;font-size:13px;font-weight:700;animation:3s forwards explain-interjection-fade;position:absolute;bottom:-6px;left:8px;box-shadow:0 2px #00000014}@keyframes explain-interjection-fade{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.explain-beats{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.explain-beats .ls-bubble{flex:none;margin-bottom:0}.explain-beats .ls-bubble:last-child{margin-bottom:16px}.explain-beat{animation:explain-beat-in .26s var(--ease,ease-out) both}.explain-beat-late{animation-delay:.65s}@keyframes explain-beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.explain-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:-4px;display:flex}.explain-chips-title{letter-spacing:.02em;text-transform:uppercase;color:var(--wolf,#777);margin-right:2px;font-size:11px;font-weight:800}.explain-chip{border:2px dashed var(--swan,#e5e5e5);color:var(--wolf,#777);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:13px;font-weight:800;display:inline-flex}.explain-chip-mark{border:2px solid var(--swan,#e5e5e5);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:inline-flex}.explain-chip.on{border-style:solid;border-color:var(--feather,#58cc02);color:#3c8a00;background:#f1fbe6}.explain-chip.on .explain-chip-mark{background:var(--feather,#58cc02);border-color:var(--feather,#58cc02)}.explain-chip.pop{animation:explain-chip-pop .52s var(--spring,cubic-bezier(.34,1.56,.64,1)) .3s both}@keyframes explain-chip-pop{0%{transform:scale(.8)}55%{transform:scale(1.18)}to{transform:scale(1)}}.explain-under-box{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.explain-starter-wrap{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.explain-starter{font:inherit;cursor:pointer;border:2px solid var(--macaw,#1cb0f6);color:var(--macaw,#1cb0f6);background:#fff;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:800}.explain-starter:active{transform:translateY(1px)}.explain-pick-instead{font:inherit;cursor:pointer;color:var(--wolf,#777);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:6px;font-size:14px;font-weight:800;text-decoration:underline}@media (prefers-reduced-motion:reduce){.explain-beat,.explain-chip.pop{animation:none}}.explain-main{background:#ddf4ff;border:2px solid #84d8ff;border-radius:16px;padding:12px 16px}.explain-main-label{letter-spacing:.08em;text-transform:uppercase;color:#1899d6;margin-bottom:4px;font-size:12px;font-weight:800}.explain-main-q{color:#3c3c3c;font-size:18px;font-weight:800;line-height:1.3}.explain-main-fig{background:#fff;border-radius:12px;justify-content:center;max-height:170px;margin-top:10px;padding:6px;display:flex}.explain-main-fig svg{width:auto;max-width:100%;max-height:158px}.mic-picker{color:var(--wolf,#777);align-items:center;gap:8px;margin-top:-2px;font-size:13px;display:flex}.mic-ico{flex:none;width:16px;height:16px}.mic-select{font:inherit;color:inherit;text-overflow:ellipsis;border:2px solid var(--swan,#e5e5e5);cursor:pointer;background:#fff;border-radius:10px;flex:auto;min-width:0;max-width:320px;padding:5px 8px}.mic-level{flex:none;align-items:flex-end;gap:2px;height:18px;display:inline-flex}.mic-level-bar{background:var(--swan,#e5e5e5);border-radius:2px;width:4px;transition:background-color 80ms linear}.mic-level-bar.on{background:var(--feather,#58cc02)}.qz-head{padding:calc(14px + var(--safe-top)) 0 12px;max-width:var(--content-w);align-items:center;gap:14px;width:100%;margin:0 auto;display:flex}.qz-head .x{width:40px;height:40px;color:var(--hare);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0 -8px;display:grid}.qz-head .x svg{width:24px;height:24px}.qz-head .x:hover{background:var(--polar);color:var(--wolf)}.qz-head .x:active{transform:scale(.9)}.qz-track{flex:1;min-width:0;padding-top:18px;position:relative}.qz-pills{gap:4px;display:flex}.qz-pills span{border-radius:var(--radius-pill);background:var(--swan);height:16px;transition:background var(--dur-slow) var(--ease);flex:1;position:relative;overflow:hidden}.qz-pills span:after{content:"";opacity:0;height:4px;transition:opacity var(--dur);background:#ffffff59;border-radius:2px;position:absolute;top:4px;left:6px;right:6px}.qz-pills span.hit{background:var(--feather)}.qz-pills span.miss{background:var(--cardinal)}.qz-pills span.hit:after,.qz-pills span.miss:after,.qz-pills span.now:after{opacity:1}.qz-pills span.now{background:var(--macaw);animation:1.1s ease-in-out infinite qz-pulse}.qz-pills.hot span.hit{background:var(--fox)}.qz-pills span.pop{animation:qz-pill-pop .45s var(--spring)}@keyframes qz-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes qz-pill-pop{0%{transform:scaleY(1)}40%{transform:scaleY(1.5)}to{transform:scaleY(1)}}.qz-row{text-align:center;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fox);animation:qz-rise var(--dur-slow) var(--spring) both;font-size:12px;font-weight:800;line-height:1;position:absolute;top:0;left:0;right:0}.qz-xp{color:var(--bee-dark);flex:none;justify-content:flex-end;align-items:center;gap:4px;min-width:64px;margin-top:10px;font-size:18px;font-weight:900;display:inline-flex}.qz-xp .ico{font-size:22px;line-height:1}.qz-xp.pop{animation:qz-xp-pop .5s var(--spring)}@keyframes qz-xp-pop{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes qz-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.qz-stage{box-sizing:content-box;align-items:center;gap:12px;height:112px;padding-top:6px;display:flex}.qz-pet{flex:none;width:104px;height:112px;position:relative}.qz-pet .qz-canvas{width:150px;height:150px;position:absolute;top:-14px;left:-16px}.qz-pet.bounce .qz-canvas{animation:qz-bounce .6s var(--spring)}.qz-pet.shake .qz-canvas{animation:qz-shake .5s var(--ease)}@keyframes qz-bounce{0%{transform:scale(1)}40%{transform:scale(1.12)translateY(-6px)}to{transform:scale(1)}}@keyframes qz-shake{0%,to{transform:none}25%{transform:translate(-6px)rotate(-2deg)}75%{transform:translate(6px)rotate(2deg)}}.qz-bubble{background:var(--snow);border:2px solid var(--swan);border-radius:var(--radius-lg);min-width:0;height:100px;color:var(--eel);transition:background var(--dur),border-color var(--dur),color var(--dur);flex-direction:column;flex:1;justify-content:center;padding:10px 14px;font-size:16px;font-weight:700;line-height:1.3;display:flex;position:relative}.qz-bubble:before{content:"";background:var(--snow);border-left:2px solid var(--swan);border-bottom:2px solid var(--swan);width:14px;height:14px;transition:background var(--dur),border-color var(--dur);margin-top:-7px;position:absolute;top:50%;left:-9px;transform:rotate(45deg)}.qz-bubble.correct{background:var(--feather-light);border-color:var(--feather-edge);color:var(--feather-dark)}.qz-bubble.correct:before{background:var(--feather-light);border-color:var(--feather-edge)}.qz-bubble.wrong{background:var(--cardinal-light);border-color:var(--cardinal-edge);color:var(--cardinal-dark)}.qz-bubble.wrong:before{background:var(--cardinal-light);border-color:var(--cardinal-edge)}.qz-bubble.locked{background:var(--macaw-light);border-color:var(--macaw-edge);color:var(--macaw-dark)}.qz-bubble.locked:before{background:var(--macaw-light);border-color:var(--macaw-edge)}.qz-line{animation:qz-line-in var(--dur-slow) var(--spring) both;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.qz-line.faint{color:var(--wolf);font-weight:600}@keyframes qz-line-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.qz-dots{align-items:center;gap:4px;height:14px;margin-top:6px;display:inline-flex}.qz-dots i{background:var(--hare);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite qz-dot}.qz-dots i:nth-child(2){animation-delay:.15s}.qz-dots i:nth-child(3){animation-delay:.3s}@keyframes qz-dot{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media (width>=900px){.qz-stage{height:124px}.qz-bubble{height:108px;font-size:17px}.qz-pet .qz-canvas{width:160px;height:160px;top:-14px;left:-20px}}.qz-body{gap:12px}.qz-meta{flex-wrap:wrap;align-items:center;gap:6px;min-height:26px;display:flex}.qz-q{background:var(--snow);border:2px solid var(--swan);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:qz-line-in var(--dur-slow) var(--spring) both;padding:12px 16px}.qz-q .prompt{color:var(--eel);font-size:17px;font-weight:800;line-height:1.35}.qz-q .fig{margin-top:6px}.qz-q .fig svg{max-height:150px}@media (width>=900px){.qz-q .prompt{font-size:19px}.qz-q .fig svg{max-height:210px}}.qz-call{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--wolf);text-align:center;height:14px;transition:opacity var(--dur);font-size:12px;font-weight:800;line-height:14px}.qz-call.off{opacity:0}.qz-choices{flex-direction:column;gap:8px;display:flex}.qz-choices.grid{grid-template-columns:1fr 1fr;display:grid}.qz-choice{text-align:left;border-radius:var(--radius-lg);border:2px solid var(--swan);background:var(--snow);width:100%;min-height:52px;color:var(--eel);font:inherit;box-shadow:0 2px 0 var(--swan);cursor:default;transition:transform var(--dur) var(--spring),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast),opacity var(--dur);align-items:center;gap:10px;padding:8px 12px;font-size:16px;font-weight:700;line-height:1.25;display:flex;position:relative}.qz-choices.enter .qz-choice{animation:qz-line-in var(--dur-slow) var(--spring) both}.qz-choice .key{border:2px solid var(--swan);width:28px;height:28px;color:var(--hare);transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.qz-choice .lbl{flex:1;min-width:0}.qz-choice.callable{cursor:pointer}.qz-choice.callable:hover{background:var(--polar)}.qz-choice.callable:active{box-shadow:none;transform:translateY(2px)}.qz-choice.gaze{background:var(--polar);border-color:var(--swan-dark);transform:scale(1.02)}.qz-choice.gaze .key{background:var(--snow)}.qz-eyes{pointer-events:none;animation:qz-tag-in var(--dur) var(--spring) both;gap:2px;display:flex;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.qz-eyes i{border:2px solid var(--eel);background:#fff;border-radius:50%;width:12px;height:12px;position:relative}.qz-eyes i:after{content:"";background:var(--eel);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:0}.qz-choice.picked{border-color:var(--macaw-edge);background:var(--macaw-light);color:var(--macaw-dark);box-shadow:0 2px 0 var(--macaw-edge);animation:qz-lock .45s var(--spring)}.qz-choice.picked .key{border-color:var(--macaw-edge);color:var(--macaw);background:0 0}.qz-choice.correct{border-color:var(--feather-edge);background:var(--feather-light);color:var(--feather-dark);box-shadow:0 2px 0 var(--feather-edge);animation:qz-win .5s var(--spring)}@keyframes qz-win{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.qz-choice.correct .key{border-color:var(--feather-edge);color:var(--feather-dark);background:0 0}.qz-choice.wrong{border-color:var(--cardinal-edge);background:var(--cardinal-light);color:var(--cardinal-dark);box-shadow:0 2px 0 var(--cardinal-edge);animation:qz-shake .5s var(--ease)}.qz-choice.wrong .key{border-color:var(--cardinal-edge);color:var(--cardinal-dark);background:0 0}.qz-choice.right{border-color:var(--feather);box-shadow:0 2px 0 var(--feather)}.qz-choice.right .key{border-color:var(--feather);color:var(--feather-dark)}.qz-choice.dim{opacity:.5}@keyframes qz-lock{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}.qz-tags{flex:none;gap:4px;display:flex}.qz-tag{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;background:var(--macaw);color:#fff;white-space:nowrap;animation:qz-tag-in var(--dur-slow) var(--spring) both;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.qz-tag.you{border:2px solid var(--swan-dark);color:var(--wolf);background:0 0;padding:1px 7px}.qz-choice.correct .qz-tag,.qz-choice.right .qz-tag{background:var(--feather)}.qz-choice.wrong .qz-tag{background:var(--cardinal)}.qz-choice.correct .qz-tag.you,.qz-choice.wrong .qz-tag.you,.qz-choice.right .qz-tag.you{color:inherit;background:0 0;border-color:currentColor}@keyframes qz-tag-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.qz-fly{color:var(--bee-dark);pointer-events:none;animation:qz-fly 1s var(--ease) forwards;font-size:18px;font-weight:900;position:absolute;top:-6px;right:12px}@keyframes qz-fly{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-8px)scale(1.1)}to{opacity:0;transform:translateY(-70px)scale(1)}}.qz-why{font-size:15px;font-weight:700;line-height:1.35}.qz-why q{quotes:"“" "”";font-style:italic}.qz-ans{font-weight:800}.qz-intro{text-align:center;background:var(--macaw-light);border:2px solid var(--macaw-edge);border-radius:var(--radius-lg);animation:qz-line-in var(--dur-slow) var(--spring) both;padding:20px 20px 22px}.qz-intro h2{font-size:24px;line-height:1.2}.qz-intro .sub{color:var(--text-muted);margin-top:6px;font-weight:600;line-height:1.4}.qz-intro .skills{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.qz-whistle{background:var(--macaw);width:72px;height:72px;box-shadow:0 4px 0 var(--macaw-dark);animation:qz-bounce .7s var(--spring) both;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:34px;display:grid}.qz-rules{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;display:flex}.qz-rules span{color:var(--macaw-dark);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.qz-inter{bottom:0;left:0;right:0;top:calc(64px + var(--safe-top));z-index:25;background:var(--snow);animation:qz-fade var(--dur-slow) both;position:fixed;overflow:hidden}.qz-break{width:420px;height:420px;animation:qz-break-in .6s var(--spring) both;position:absolute;bottom:-40px;left:-120px}.qz-inter .bubble-wrap{z-index:2;animation:qz-pop-in .45s var(--spring) .3s both;position:absolute;top:18%;left:16px;right:16px}.qz-inter .qz-bubble{text-align:center;height:auto;padding:16px 20px;font-size:20px;font-weight:900;display:block}.qz-inter .qz-bubble:before{margin:0;top:auto;bottom:-9px;left:56px;transform:rotate(-45deg)}.qz-inter .qz-bubble .n{color:var(--fox);font-size:40px;line-height:1.05;display:block}.qz-inter .qz-bubble .sub{color:var(--wolf);margin-top:4px;font-size:16px;font-weight:700;display:block}@keyframes qz-break-in{0%{opacity:0;transform:translate(-90px,160px)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes qz-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes qz-fade{0%{opacity:0}to{opacity:1}}@media (width>=900px){.qz-break{width:640px;height:640px;bottom:-110px;left:-170px}.qz-inter .bubble-wrap{width:420px;top:36%;left:470px;right:auto}.qz-inter .qz-bubble:before{margin-top:-7px;top:50%;bottom:auto;left:-9px;transform:rotate(45deg)}.qz-inter .qz-bubble .n{font-size:52px}}.qz-done{max-width:var(--content-w);flex-direction:column;align-items:stretch;margin:0 auto;padding:4px 16px 16px;display:flex;position:relative}.qz-done .qz-stage{margin-bottom:12px}.qz-done h1{color:var(--eel);text-align:center;animation:qz-line-in .5s var(--spring) both;margin:2px 0 12px;font-size:28px;font-weight:900;line-height:1.15}.qz-report{flex-direction:column;gap:8px;display:flex}.qz-rrow{border-radius:var(--radius);border:2px solid var(--swan);background:var(--snow);animation:qz-row-in .4s var(--spring) both;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.qz-rrow .mark{color:#fff;background:var(--hare);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.qz-rrow .mark svg{width:18px;height:18px}.qz-rrow.hit .mark{background:var(--feather)}.qz-rrow.miss .mark{background:var(--cardinal)}.qz-rrow .txt{flex:1;min-width:0}.qz-rrow .skill{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--wolf);font-size:12px;font-weight:800;line-height:1.1}.qz-rrow .said{color:var(--eel);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.qz-rrow.miss .said{color:var(--cardinal-dark)}.qz-rrow.hit .said,.qz-rrow.miss .said.answer{color:var(--feather-dark)}.qz-rrow .gain{color:var(--bee-dark);flex:none;font-size:15px;font-weight:900}.qz-rrow.miss .gain{color:var(--hare)}@keyframes qz-row-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.qz-verdict{border-radius:var(--radius-lg);border:2px solid var(--c);background:var(--snow);animation:qz-card-in .45s var(--spring) both;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.qz-verdict .t{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--wolf);font-size:12px;font-weight:800}.qz-verdict .s{color:var(--eel);margin-top:2px;font-size:18px;font-weight:900;line-height:1.15}.qz-stamp{border:3px solid var(--c);color:var(--c);letter-spacing:.1em;text-transform:uppercase;animation:qz-stamp .5s var(--spring) both;border-radius:8px;flex:none;padding:6px 12px;font-size:16px;font-weight:900;transform:rotate(-6deg)}@keyframes qz-stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}60%{opacity:1;transform:rotate(-6deg)scale(.95)}to{transform:rotate(-6deg)scale(1)}}.qz-verdict.pass{--c:var(--feather-dark)}.qz-verdict.almost{--c:var(--fox-dark)}.qz-verdict.notyet{--c:var(--cardinal-dark)}.qz-bonus{border-radius:var(--radius-lg);background:var(--bee-light);border:2px solid var(--bee-edge);color:#7a5a00;animation:qz-card-in .45s var(--spring) both;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:16px;font-weight:900;display:flex}.qz-bonus .big{color:var(--bee-dark);font-size:22px}@keyframes qz-card-in{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:none}}.qz-beliefs{animation:qz-line-in .5s var(--spring) both;margin-top:14px}.qz-beliefs .cap{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--cardinal-dark);margin-bottom:6px;font-size:12px;font-weight:800}.qz-beliefs .item{border-radius:var(--radius);background:var(--cardinal-light);border:2px solid var(--cardinal-edge);color:var(--cardinal-dark);align-items:flex-start;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.35;display:flex}.qz-beliefs .item+.item{margin-top:6px}@media (width>=900px){.qz-done h1{font-size:32px}.qz-rrow .said{font-size:16px}}@media (prefers-reduced-motion:reduce){.qz-pills span.now{opacity:1;animation:none}.qz-dots i{animation:none}.qz-choice.gaze{transform:none}}.sum-screen{flex-direction:column;min-height:100dvh;display:flex}.sum-body{width:100%;max-width:var(--content-w);padding:calc(16px + var(--safe-top)) 16px calc(104px + var(--safe-bottom));animation:sum-slide var(--dur-slow) var(--ease) both;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;margin:0 auto;display:flex}@keyframes sum-slide{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.sum-body.top{justify-content:flex-start}.sum-leaving .sum-body{animation:sum-exit .17s var(--ease) both}@keyframes sum-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-28px)}}.sum-body.two{padding-bottom:calc(172px + var(--safe-bottom))}.sum-footer{z-index:30;background:var(--snow);border-top:2px solid var(--swan);padding:16px 16px calc(16px + var(--safe-bottom));position:fixed;bottom:0;left:0;right:0}.sum-footer-inner{max-width:var(--content-w);flex-direction:column;gap:10px;margin:0 auto;display:flex}.sum-footer-inner .primary-slot{order:1}.sum-footer-inner .secondary-slot{order:2}@media (width>=900px){.sum-body,.sum-body.two{padding-bottom:112px}.sum-footer{padding:20px 40px}.sum-footer-inner{flex-direction:row;justify-content:space-between;align-items:center;max-width:1040px}.sum-footer-inner .btn.full{width:auto;min-width:240px}.sum-footer-inner .secondary-slot{order:1;margin-right:auto}.sum-footer-inner .primary-slot{order:2;margin-left:auto}}.sum-title{text-align:center;color:var(--bee);margin:0;font-size:32px;font-weight:900;line-height:1.2}.sum-title.orange{color:var(--fox)}.sum-title.purple{color:var(--beetle)}.sum-title.green{color:var(--feather)}.sum-title.blue{color:var(--macaw)}.sum-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--wolf);text-align:center;font-size:13px;font-weight:800}.sum-sub-title{text-align:center;color:var(--eel);font-size:20px;font-weight:900;line-height:1.25}.sum-reveal{animation:sum-rise var(--dur-slow) var(--spring) both}@keyframes sum-rise{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.sum-hold{visibility:hidden}.sum-bump{animation:sum-bump .5s var(--spring)}@keyframes sum-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.sum-hero{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:300px;display:flex;position:relative}.sum-hero.sm{height:270px}.sum-hero .sum-blorp{width:230px;height:230px;animation:pop-in .5s var(--spring) both;z-index:2;position:relative}.sum-hero .sum-blorp.sm{width:170px;height:170px}.sum-floor{background:var(--swan);z-index:0;border-radius:5px;width:190px;height:10px;margin-top:-50px;position:relative}.sum-hero.sm .sum-floor{width:140px;margin-top:-38px}.sum-shadow{filter:blur(2px);z-index:1;transform-origin:50%;background:#4b4b4b29;border-radius:50%;width:120px;height:16px;margin-top:-50px;position:relative}.sum-shadow+.sum-floor{margin-top:-16px}.sum-hero.sm .sum-shadow{width:92px;height:13px;margin-top:-38px}.sum-hero.sm .sum-shadow+.sum-floor{margin-top:-13px}.sum-blorp.hop{animation:pop-in .5s var(--spring) both,sum-hop 2.2s var(--ease) .55s 2}.sum-blorp.hop.soft{animation:pop-in .5s var(--spring) both,sum-hop 2.2s var(--ease) .55s 1}.sum-shadow.hop{animation:sum-hop-shadow 2.2s var(--ease) .55s 2}.sum-shadow.hop.soft{animation:sum-hop-shadow 2.2s var(--ease) .55s 1}.sum-blorp.hop.now{animation:sum-hop 2.2s var(--ease) 0s 2}.sum-shadow.hop.now{animation:sum-hop-shadow 2.2s var(--ease) 0s 2}@keyframes sum-hop{0%,to{transform:translateY(0)scale(1)}7%{transform:translateY(6px)scale(1.08,.9)}26%{transform:translateY(-44px)scale(.94,1.08)}44%{transform:translateY(0)scale(1.08,.92)}52%{transform:translateY(0)scale(1)}58%{transform:translateY(5px)scale(1.06,.92)}74%{transform:translateY(-26px)scale(.97,1.04)}88%{transform:translateY(0)scale(1.05,.95)}}.sum-hero.sm .sum-blorp.hop{animation-name:pop-in,sum-hop-sm}@keyframes sum-hop-sm{0%,to{transform:translateY(0)scale(1)}7%{transform:translateY(4px)scale(1.08,.9)}26%{transform:translateY(-24px)scale(.95,1.07)}44%{transform:translateY(0)scale(1.08,.92)}52%{transform:translateY(0)scale(1)}58%{transform:translateY(3px)scale(1.06,.92)}74%{transform:translateY(-14px)scale(.97,1.04)}88%{transform:translateY(0)scale(1.05,.95)}}@keyframes sum-hop-shadow{0%,to{transform:scale(1)}7%{transform:scale(1.08)}26%{transform:scale(.6)}44%{transform:scale(1.1)}52%{transform:scale(1)}58%{transform:scale(1.06)}74%{transform:scale(.75)}88%{transform:scale(1.06)}}.sum-bubble.bubble{text-align:center;max-width:340px;animation:sum-rise var(--dur-slow) var(--spring) both;z-index:2}.sum-bubble.bubble.bottom:before{margin-left:-7px;left:50%}.sum-pin{z-index:3;position:absolute;bottom:10px;right:calc(50% - 140px)}.fw{pointer-events:none;width:64px;height:64px;animation:fw 1.1s var(--ease) both;transform-origin:50%;z-index:0;position:absolute}.fw.loop{animation-iteration-count:3}.fw svg{width:100%;height:100%;overflow:visible}@keyframes fw{0%{opacity:0;transform:scale(.15)}25%{opacity:1}to{opacity:0;transform:scale(1.1)}}.sum-stats{gap:12px;width:100%;max-width:440px;display:flex}.sum-stat{--c:var(--bee);border:2px solid var(--c);background:var(--c);border-radius:16px;flex:1;min-width:0;overflow:hidden}.sum-stat.green{--c:var(--feather)}.sum-stat.blue{--c:var(--macaw)}.sum-stat.orange{--c:var(--fox)}.sum-stat.purple{--c:var(--beetle)}.sum-stat-head{color:#fff;text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:7px 8px 9px;font-size:14px;font-weight:900;overflow:hidden}.sum-stat-body{background:var(--snow);min-height:84px;color:var(--c);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:28px;font-weight:900;display:flex}.sum-head-flip{animation:sum-head-flip .4s var(--spring) both}@keyframes sum-head-flip{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.sum-stat-body .ico{line-height:1;display:inline-flex}.sum-roll{vertical-align:-.1em;height:1em;line-height:1;display:inline-flex;overflow:hidden}.sum-roll-col{height:1em;display:inline-block;overflow:hidden}.sum-roll-stack{flex-direction:column;transition:transform .9s cubic-bezier(.2,.9,.2,1);display:flex}.sum-roll-stack span{text-align:center;height:1em;line-height:1;display:block}.sum-stat-body .ico svg{display:block}.sum-note{color:var(--wolf);text-align:center;max-width:360px;font-size:14px;font-weight:700;line-height:1.4}.sum-skill{width:100%;padding:12px 14px}.sum-skill .head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sum-skill .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:800;line-height:1.25;overflow:hidden}.sum-mbar{background:var(--swan);border-radius:999px;height:16px;position:relative;overflow:hidden}.sum-mbar-fill{background:var(--feather);transition:width .9s var(--ease);border-radius:999px;position:absolute;inset:0 auto 0 0}.sum-mbar-fill:after{content:"";background:#ffffff59;border-radius:2px;height:4px;position:absolute;top:4px;left:8px;right:8px}.sum-mbar-tick{background:#4b4b4b2e;width:2px;position:absolute;top:0;bottom:0}.sum-skill .foot{justify-content:space-between;align-items:center;min-height:20px;margin-top:8px;display:flex}.sum-crowns{gap:3px;line-height:1;display:flex}.sum-crowns svg{transition:transform var(--dur);display:block}.sum-crowns .new{animation:sum-bump .6s var(--spring) both}.sum-newcrown{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--beetle);animation:sum-rise var(--dur-slow) var(--spring) both;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.sum-delta{color:var(--feather-dark);white-space:nowrap;font-size:15px;font-weight:900}.sum-delta.flat{color:var(--hare)}.sum-belief{width:100%;padding:12px 14px}.sum-belief .old{color:var(--wolf);margin-top:4px;font-size:15px;font-weight:700;line-height:1.35;text-decoration:line-through}.sum-belief .new{color:var(--eel);margin-top:4px;font-size:15px;font-weight:800;line-height:1.35}.sum-flame-wrap{place-items:center;width:170px;height:190px;display:grid;position:relative;overflow:hidden}.sum-flame-in{animation:flame-ignite .55s var(--spring) both;transform-origin:50% 85%}@keyframes flame-ignite{0%{transform:scale(0)}to{transform:scale(1)}}.sum-flame{transform-origin:50% 88%;width:150px;height:170px;animation:1.4s ease-in-out infinite flame-flicker}@keyframes flame-flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.04,.97)rotate(-2deg)}65%{transform:scale(.97,1.04)rotate(2deg)}}.sum-spark{background:var(--bee);opacity:0;border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite spark;position:absolute}.sum-spark.b{background:var(--fox);width:8px;height:8px}@keyframes spark{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}70%{opacity:.6}to{transform:translate(var(--dx,0),-52px) scale(.2);opacity:0}}.sum-big{color:var(--fox);letter-spacing:-.02em;font-size:96px;font-weight:900;line-height:1}.sum-sub{color:var(--fox);margin-top:-6px;font-size:28px;font-weight:900}.sum-week{width:100%;max-width:440px;padding:0}.sum-week .days{justify-content:space-between;padding:14px 18px 12px;display:flex}.sum-day{color:var(--hare);flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.sum-day.today{color:var(--fox)}.sum-day .dot{background:var(--swan);color:#fff;width:34px;height:34px;transition:background var(--dur),transform var(--dur);border-radius:50%;place-items:center;font-size:16px;font-weight:900;display:grid}.sum-day .dot.on{background:var(--fox)}.sum-day .dot.frz{background:var(--macaw-light);color:var(--macaw);border:2px solid #84d8ff}.sum-day .dot.pop{animation:sum-bump .6s var(--spring) both}.sum-day .dot.today-ring{box-shadow:0 0 0 3px var(--snow),0 0 0 5px var(--fox)}.sum-week .note{border-top:2px solid var(--swan);color:var(--wolf);text-align:center;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.4}.sum-week .note .frz{color:var(--macaw-dark);margin-top:2px;font-size:13px;display:block}.sum-goal{border-top:2px solid var(--swan);flex-direction:column;gap:6px;padding:12px 18px;display:flex}.sum-goal .row{justify-content:space-between;font-size:13px;font-weight:800}.sum-level-title{color:var(--eel);text-align:center;font-size:22px;font-weight:900}.sum-level-card{width:100%;max-width:440px;padding:14px 16px}.sum-reward{align-items:center;gap:14px;width:100%;max-width:440px;padding:12px 14px;display:flex}.sum-reward .preview{background:linear-gradient(#f3e5ff,#fbf6ff);border-radius:20px;flex:none;width:96px;height:96px;overflow:hidden}.sum-reward .big{font-size:20px;font-weight:900}@media (width<=480px){.sum-body{padding-top:calc(12px + var(--safe-top));gap:12px}.sum-hero{height:270px}.sum-hero.sm{height:236px}.sum-body.two{gap:10px}.sum-body.two .sum-hero.sm{height:220px}.sum-body.two .sum-title{font-size:28px}.sum-belief{padding:10px 12px}.sum-belief .old,.sum-belief .new{font-size:14px}.sum-hero .sum-blorp{width:220px;height:220px}.sum-hero .sum-blorp.sm{width:150px;height:150px}.sum-pin{bottom:12px;right:calc(50% - 128px)}.sum-flame-wrap{width:130px;height:136px}.sum-flame{width:112px;height:126px}.sum-big{font-size:76px}.sum-sub{margin-top:-4px;font-size:22px}.sum-week .days{padding:10px 12px 8px}.sum-day{gap:6px;font-size:13px}.sum-day .dot{width:30px;height:30px;font-size:14px}.sum-week .note{padding:8px 14px;font-size:14px}.sum-goal{gap:4px;padding:8px 14px 10px}.sum-level-title{font-size:20px}.sum-reward .preview{width:72px;height:72px}.sum-reward{padding:10px 12px}.sum-reward .big{font-size:18px}.sum-stat-body{min-height:76px;font-size:26px}}@media (prefers-reduced-motion:reduce){.sum-body,.sum-leaving .sum-body,.sum-reveal,.sum-bump,.sum-head-flip,.sum-blorp.hop,.sum-shadow.hop,.sum-flame,.sum-flame-in,.fw,.sum-spark,.sum-day .dot.pop,.sum-crowns .new,.sum-newcrown,.sum-bubble.bubble{animation:none}.sum-roll-stack,.sum-mbar-fill{transition:none}}.nb-paper{--hand:"Patrick Hand","Segoe Print","Bradley Hand","Chalkboard SE","Comic Sans MS",cursive}.nb-head{align-items:flex-end;gap:10px;padding-top:10px;display:flex}.nb-line{animation:nb-fade var(--dur-slow) both;display:block}.nb-head .bubble{padding:12px 16px;font-size:17px;font-weight:800;line-height:1.3}.nb-title{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.nb-title h1{font-size:23px;line-height:1.1}.nb-crowncount{background:var(--bee-light);border:2px solid var(--bee-edge);color:#a87800;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:17px;font-weight:900;line-height:1;display:inline-flex}.nb-crowncount small{color:#a87800;opacity:.85;font-size:13px;font-weight:800}.nb-note{--nc:var(--feather-light);--ne:var(--feather-edge);--nt:var(--feather-dark);background:var(--nc);border:2px solid var(--ne);border-radius:var(--radius);box-shadow:0 4px 0 var(--ne);animation:nb-in var(--dur-slow) var(--spring) both;flex-direction:column;gap:10px;margin:0 2px 14px -4px;padding:10px 12px 12px;display:flex;position:relative;transform:rotate(-.7deg)}.nb-note.orange{--nc:var(--fox-light);--ne:#ffd59a;--nt:var(--fox-dark)}.nb-tape{background:#ffffff8c;border:1px solid #00000012;border-radius:2px;width:92px;height:24px;margin-left:-46px;position:absolute;top:-13px;left:50%;transform:rotate(1.5deg);box-shadow:0 1px #0000000d}.nb-note-body{flex-direction:column;gap:4px;min-width:0;display:flex}.nb-note-row{align-items:center;gap:10px;display:flex}.nb-note-glyph .nb-glyph svg{width:24px;height:24px}.nb-note-eyebrow{letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--nt);font-size:13px;font-weight:900}.nb-note-title{color:var(--eel);margin:1px 0 0;font-size:18px;font-weight:900;line-height:1.15}.nb-note-sub{font-family:var(--hand);color:var(--squid);margin:0;font-size:19px;font-weight:400;line-height:1.2}.nb-note .btn{--btn-h:44px}.nb-note .btn.is-orange{--btn-bg:var(--fox);--btn-edge:var(--fox-dark);--btn-hover:#ffa524;--btn-fg:#fff}@media (width>=900px){.nb-note{flex-direction:row;align-items:center;gap:18px;margin-bottom:22px;padding:14px 16px}.nb-note-body{flex:1}.nb-note .btn{width:auto;min-width:180px}}.nb-book{margin-top:10px}.nb-rings{z-index:1;justify-content:space-evenly;margin-bottom:-11px;padding:0 8px;display:flex;position:relative}.nb-ring{box-sizing:border-box;background:#fff;border:3px solid #9aa4ad;border-radius:50%;width:16px;height:16px}.nb-ring:nth-child(n+13){display:none}.nb-paper{border-radius:var(--radius-lg);background:linear-gradient(90deg,#0000 0 19px,#ffbdbd 19px 21px,#0000 21px),repeating-linear-gradient(#0000 0 27px,#dce8f3 27px 29px),#fffdf3;border:2px solid #ecdfb8;padding:22px 10px 14px 30px;position:relative;overflow:hidden;box-shadow:0 4px #ecdfb8}.nb-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:#e6b95a;border-radius:0 0 2px 2px;width:14px;height:46px;position:absolute;top:-2px;right:22px;box-shadow:inset -3px 0 #00000014}@media (width>=900px){.nb-head{padding-top:28px}.nb-title h1{font-size:26px}.nb-chapter h2{font-size:24px}.nb-legend{gap:4px 12px;font-size:14px}.nb-ring:nth-child(n+13){display:inline-block}.nb-paper{background:linear-gradient(90deg,#0000 0 25px,#ffbdbd 25px 27px,#0000 27px),repeating-linear-gradient(#0000 0 27px,#dce8f3 27px 29px),#fffdf3;padding:30px 18px 18px 40px}.nb-ribbon{right:34px}}.nb-chapter{border-radius:var(--radius);background:#fffdf3;flex-direction:column;gap:2px;margin:0 0 8px -8px;padding:2px 48px 4px 8px;display:flex}.nb-chapter h2{margin:0;font-size:22px;line-height:1.1}.nb-legend{color:var(--text-muted);flex-wrap:wrap;gap:2px 10px;margin:0;font-size:13px;font-weight:800;line-height:1.3;display:flex}.nb-leg{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.nb-dot{background:var(--snow);border:2px solid var(--swan-dark);box-sizing:border-box;border-radius:50%;flex:none;width:12px;height:12px}.nb-dot.locked{background:var(--swan);border-color:var(--swan-dark)}.nb-dot.new{border-color:var(--beetle-dark);background:var(--beetle)}.nb-dot.learning{background:var(--feather);border-color:var(--feather-dark)}.nb-dot.wrong{background:var(--cardinal);border-color:var(--cardinal-dark)}.nb-dot.mastered{background:var(--bee);border-color:var(--bee-dark)}.nb-dot.fuzzy{background:var(--fox);border-color:var(--fox-dark);animation:2.4s ease-in-out infinite nb-flicker}.nb-list{flex-direction:column;gap:14px;display:flex}.nb-entry{--lc:var(--swan);--lcd:var(--swan-dark);--lt:var(--polar);background:var(--snow);border:2px solid var(--lc);border-radius:var(--radius-lg);box-shadow:0 2px 0 var(--lc);animation:nb-in var(--dur-slow) var(--spring) both;transition:border-color var(--dur),box-shadow var(--dur);overflow:hidden}.nb-entry.look-mastered{--lc:var(--bee-edge);--lcd:var(--bee);--lt:var(--bee-light)}.nb-entry.look-learning{--lc:var(--feather-edge);--lcd:var(--feather);--lt:var(--feather-light)}.nb-entry.look-wrong{--lc:var(--cardinal-edge);--lcd:var(--cardinal);--lt:var(--cardinal-light)}.nb-entry.look-fuzzy{--lc:#ffd59a;--lcd:var(--fox);--lt:var(--fox-light);background:#fffaf0}.nb-entry.look-new{--lc:var(--beetle-edge);--lcd:var(--beetle);--lt:var(--beetle-light)}.nb-entry.open{border-color:var(--lcd);box-shadow:0 2px 0 var(--lcd)}.nb-entry.look-locked{border:2px dashed var(--swan-dark);box-shadow:none;background:#ffffffb3}.nb-entry-head{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.nb-entry-head.is-locked{cursor:default;align-items:center;padding:10px 12px}.nb-entry-head:not(.is-locked):active{transform:translateY(1px)}@media (hover:hover){.nb-entry-head:not(.is-locked):hover .nb-chev{background:var(--lt)}}.nb-entry-head:focus-visible{outline:3px solid var(--macaw);outline-offset:-3px;border-radius:var(--radius-lg)}.nb-entry-ico{margin-top:1px}.nb-glyph{color:#fff;display:inline-flex}.nb-glyph svg{width:26px;height:26px}.nb-entry.look-locked .nb-entry-ico{color:#fff;background:var(--hare);--ibadge-edge:#8f8f8f;filter:none}.nb-entry-main{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.nb-entry-titlerow{align-items:flex-start;gap:8px;display:flex}.nb-entry-title{flex:1;min-width:0;margin:0;padding-top:4px;font-size:17px;font-weight:900;line-height:1.2}.nb-entry.look-locked .nb-entry-title{color:var(--eel);padding-top:0}.nb-entry-top{flex-wrap:wrap;align-items:center;gap:10px;margin-top:-4px;display:flex}.nb-chev{background:var(--polar);border:2px solid var(--swan);box-sizing:border-box;width:32px;height:32px;color:var(--eel);transition:transform var(--dur) var(--spring),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);border-radius:50%;flex:none;place-items:center;display:grid}.nb-entry.open .nb-chev{background:var(--lt);border-color:var(--lcd);color:var(--eel);transform:rotate(180deg)}.nb-quiet{color:var(--text-muted);margin:0;font-size:15px;font-weight:700;line-height:1.35}.nb-entry.look-locked .nb-quiet{margin-top:2px}.nb-crowns{transition:opacity var(--dur),filter var(--dur);flex:none;gap:2px;display:inline-flex}.nb-crowns.dim{opacity:.55;filter:saturate(.35)}.nb-crown path{fill:#ececec;stroke:#cfcfcf;stroke-width:1.4px;stroke-linejoin:round}.nb-crown .band{fill:#dcdcdc}.nb-crown.on path{fill:var(--bee);stroke:var(--bee-dark)}.nb-crown.on .band{fill:var(--bee-dark)}.nb-crown.pop{animation:nb-crown-pop .5s var(--spring) both}@keyframes nb-crown-pop{0%{transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.25)rotate(6deg)}to{transform:none}}.nb-mem{--mc:#6f7f8f;flex-direction:column;gap:5px;display:flex}.nb-mem.tone-fading,.nb-mem.tone-fuzzy{--mc:var(--fox)}.nb-mem-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.nb-mem-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--ls-label);font-size:13px;font-weight:800}.nb-mem-hint{color:var(--text-muted);text-align:right;font-size:15px;font-weight:800}.nb-mem.tone-fading .nb-mem-hint,.nb-mem.tone-fuzzy .nb-mem-hint{color:var(--fox-dark)}.nb-mem-track{background:var(--swan);border-radius:999px;height:12px;position:relative;overflow:hidden}.nb-mem.tone-fuzzy .nb-mem-track{background:repeating-linear-gradient(90deg,var(--swan) 0 6px,#f1f1f1 6px 12px)}.nb-mem-fill{background:linear-gradient(90deg,var(--mc) 0 70%,color-mix(in srgb,var(--mc) 55%,transparent) 100%);height:100%;transition:width .7s var(--ease);border-radius:999px;position:relative}.nb-mem-fill:after{content:"";background:#ffffff59;border-radius:2px;height:3px;position:absolute;top:2px;left:6px;right:6px}.nb-mem.tone-fuzzy .nb-mem-fill{animation:2.4s ease-in-out infinite nb-flicker}@keyframes nb-flicker{0%,to{opacity:1}50%{opacity:.55}}.nb-belief{--ink:1;border-left:3px solid var(--swan);padding:2px 0 2px 12px;position:relative}.nb-belief:after{content:"";clear:both;display:block}.nb-belief.right{border-left-color:var(--feather)}.nb-belief.wrong{border-left-color:var(--cardinal)}.nb-belief.guess{border-left-style:dashed;border-left-color:var(--beetle)}.nb-belief-lead{text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted);font-size:13px;font-weight:900;display:block}.nb-belief.wrong .nb-belief-lead{color:var(--cardinal-dark)}.nb-belief.right .nb-belief-lead{color:var(--feather-dark)}.nb-belief.guess .nb-belief-lead{text-transform:none;letter-spacing:0;color:var(--beetle-dark);font-size:15px;font-weight:800}.nb-belief-text{font-family:var(--hand);color:color-mix(in srgb,#2b2b2b calc(45% + 55% * var(--ink)),#fffdf3);transition:color var(--dur-slow),opacity var(--dur),filter var(--dur);margin:2px 0 0;font-size:20px;font-weight:400;line-height:1.2}.nb-belief.guess .nb-belief-text{color:var(--wolf)}.nb-belief.fuzzy .nb-belief-text{color:var(--hare);filter:blur(.5px)}.nb-belief.fuzzy .nb-belief-lead{color:var(--fox-dark)}.nb-belief.fuzzy{border-left-color:#ffd59a}.nb-margin-sketch{float:right;color:#7c8794;opacity:.9;margin:0 0 2px 10px;transform:rotate(3deg)}.nb-margin-sketch.pencil{color:var(--beetle-dark);opacity:.55;stroke-dasharray:.06 .04}.nb-belief.fuzzy .nb-margin-sketch{opacity:.4;filter:blur(.6px)}.nb-doodle path{stroke-dasharray:1;stroke-dashoffset:0}.nb-doodle.draw path{animation:nb-draw .6s var(--ease) both}@keyframes nb-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (width<=359px){.nb-margin-sketch{display:none}}.nb-sticker{text-transform:uppercase;letter-spacing:.05em;background:var(--polar);color:var(--wolf);border:2px solid var(--swan);border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-2.5deg)}.nb-sticker.red{background:var(--cardinal-light);color:var(--cardinal-dark);border-color:var(--cardinal-edge)}.nb-sticker.orange{background:var(--fox-light);color:var(--fox-dark);border-color:#ffd59a}.nb-sticker.yellow{background:var(--bee-light);color:#a87800;border-color:var(--bee-edge)}.nb-sticker.purple{background:var(--beetle-light);color:var(--beetle-dark);border-color:var(--beetle-edge)}.nb-entry{scroll-margin-top:12px;scroll-margin-bottom:calc(96px + var(--safe-bottom))}.nb-entry-more{transition:grid-template-rows var(--dur-slow) var(--ease);grid-template-rows:0fr;display:grid}.nb-entry.open .nb-entry-more{grid-template-rows:1fr}.nb-entry-more-inner{flex-direction:column;gap:12px;padding:0 12px;display:flex;overflow:hidden}.nb-entry.open .nb-entry-more-inner{border-top:2px dashed var(--lc);animation:nb-fade var(--dur-slow) both;padding:12px 12px 14px}.nb-crossed{flex-direction:column;gap:6px;display:flex}.nb-crossed-lead{text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex}.nb-crossed-line{color:var(--wolf);align-items:flex-start;gap:8px;margin:0;font-size:15px;font-weight:700;line-height:1.4;display:flex}.nb-crossed-line s{font-family:var(--hand);font-size:19px;font-weight:400;line-height:1.15;-webkit-text-decoration:line-through #ff4b4b99;text-decoration:line-through #ff4b4b99;text-decoration-thickness:1.5px}.nb-check{color:var(--feather);flex:none;margin-top:1px;display:inline-flex}.nb-aside{color:var(--eel);background:var(--polar);border-radius:var(--radius);margin:0;padding:8px 10px;font-size:15px;font-weight:700;line-height:1.35}.nb-facts{flex-direction:column;gap:8px;display:flex}.nb-fact{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.nb-fact-ico{width:20px;color:var(--wolf);flex:none;justify-content:center;margin-top:1px;display:inline-flex}.nb-fact-ico.blue{color:var(--macaw)}.nb-fact-ico.orange{color:var(--fox)}.nb-entry .btn.nb-refresh{--btn-lift:4px;--btn-edge:var(--swan-dark);--btn-bg:var(--snow);--btn-fg:var(--macaw);border-color:var(--swan)}.nb-footer{font-family:var(--hand);color:var(--hare);text-align:right;margin:14px 0 0;font-size:17px;transform:rotate(-1deg)}@keyframes nb-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes nb-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nb-entry,.nb-note,.nb-line,.nb-entry.open .nb-entry-more-inner,.nb-doodle.draw path,.nb-crown.pop,.nb-dot.fuzzy,.nb-mem.tone-fuzzy .nb-mem-fill{animation:none}.nb-entry-more,.nb-mem-fill{transition:none}}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2)format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2)format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2)format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--feather:#58cc02;--feather-dark:#58a700;--feather-hover:#61e002;--feather-light:#d7ffb8;--feather-soft:#d7ffb8;--feather-edge:#a5ed6e;--macaw:#1cb0f6;--macaw-dark:#1899d6;--macaw-light:#ddf4ff;--macaw-edge:#84d8ff;--bee:#ffc800;--bee-dark:#e5a500;--bee-light:#fff4cc;--bee-edge:#ffe08a;--cardinal:#ff4b4b;--cardinal-dark:#ea2b2b;--cardinal-light:#ffdfe0;--cardinal-edge:#ffb2b2;--fox:#ff9600;--fox-dark:#e68a00;--fox-light:#ffe6c4;--beetle:#ce82ff;--beetle-dark:#a560e8;--beetle-light:#f3e5ff;--beetle-edge:#e3c6ff;--eel:#4b4b4b;--squid:#3c3c3c;--wolf:#777;--hare:#afafaf;--swan:#e5e5e5;--swan-dark:#cfcfcf;--polar:#f7f7f7;--snow:#fff;--humpback:#2b70c9;--whale:#1cb0f6;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--edge:4px;--border:2px;--shadow-card:0 2px 0 var(--swan);--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--text:var(--eel);--text-body:var(--squid);--text-muted:var(--wolf);--text-faint:var(--hare);--fs-display:32px;--lh-display:40px;--fs-title:24px;--fs-body:17px;--lh-body:24px;--fs-label:15px;--ls-label:.8px;--bg:var(--snow);--spring:cubic-bezier(.2,1.4,.4,1);--ease:cubic-bezier(.2,.8,.2,1);--ease-io:ease-in-out;--dur-fast:.15s;--dur:.22s;--dur-slow:.35s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--content-w:600px;--footer-w:1080px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:clip}body{font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-weight:500;line-height:1.3}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:800}h1{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:800}h2{font-size:var(--fs-title);line-height:1.25}h3{font-size:19px;line-height:1.25}.display{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:800}p{margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-center{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.grow{flex:1}.caps{text-transform:uppercase;letter-spacing:var(--ls-label);font-size:13px;font-weight:800}.hidden{display:none}.cta-end{gap:10px;display:flex}.cta-end .btn{flex:1}@media (width>=900px){.cta-end{justify-content:flex-end}.cta-end .btn{flex:none;min-width:150px}}::selection{background:var(--macaw-light)}.shell{flex-direction:column;min-height:100%;display:flex}.shell-main{width:100%;max-width:var(--content-w);padding:0 16px calc(84px + var(--safe-bottom));flex:1;margin:0 auto}.shell-main.wide{max-width:960px}.bottom-nav{background:var(--snow);border-top:2px solid var(--swan);padding:6px 8px calc(6px + var(--safe-bottom));z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{border-radius:var(--radius);color:var(--hare);text-transform:uppercase;letter-spacing:.04em;transition:background var(--dur-fast);flex-direction:column;align-items:center;gap:2px;padding:8px 14px;font-size:11px;font-weight:800;display:flex}.bottom-nav a .ico{font-size:24px;line-height:1}.bottom-nav a.active{color:var(--macaw);background:var(--macaw-light);border:2px solid #84d8ff}.side-nav{display:none}@media (width>=900px){.shell{flex-direction:row}.side-nav{border-right:2px solid var(--swan);flex-direction:column;gap:6px;width:240px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.side-nav .brand{color:var(--feather);padding:8px 12px 20px;font-size:26px;font-weight:900}.side-nav a{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;color:var(--wolf);border:2px solid #0000;align-items:center;gap:14px;padding:12px 14px;font-size:14px;font-weight:800;display:flex}.side-nav a .ico{font-size:24px}.side-nav a.active{color:var(--macaw);background:var(--macaw-light);border-color:#84d8ff}.bottom-nav{display:none}.shell-main{padding-bottom:40px}}
