@import "https://fonts.googleapis.com/css2?family=Playwrite+GB+J+Guides:ital@0;1&display=swap";@font-face{font-family:ActualComicSans;src:url(/assets/comicbd-BVH2Zu8i.ttf)format("truetype");font-weight:400;font-style:normal}body{margin:0;font-family:ActualComicSans,cursive}html,body,#root{height:100%;min-height:100%}.homeScreen>h1{color:#ad7d7d;text-align:end}.app{flex-direction:column;min-height:100vh;display:flex}.content{padding:16px}form{font-size:2.2rem}input{border-radius:6px;font-family:ActualComicSans,cursive;font-size:1.2rem}main{flex-direction:column;flex:1;min-height:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--toastify-color-success:#4ade80;--toastify-color-error:#ff5c5c;--toastify-color-warning:#f1bd68;--toastify-font-family:"Inter", sans-serif;--toastify-toast-bd-radius:16px}.Toastify__toast{border:1px solid #ffffff1a;font-weight:600;box-shadow:0 8px 30px #00000026}.Toastify__toast-body{padding:12px}.Toastify__progress-bar{filter:brightness(1.2);height:4px}.footer{text-align:center;color:#0071e9;background-color:#fff;width:100%;margin-top:auto;padding:5px 0;font-size:1.1rem;font-weight:700;box-shadow:0 10px 25px #3d405b1c,inset 0 -1px #f2cc8f8c}@media (max-width:43.75em){.footer{font-size:1rem}}@media (max-width:26.56em){.footer{font-size:.9rem}}.footer.logged-in{background:#ffffffb8;color:#729d88!important}#navbarParent{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#ffffffb8;justify-content:center;align-items:center;display:flex;top:0;box-shadow:0 10px 25px #3d405b0d,inset 0 -1px #f2cc8f8c}@media (max-width:56.25em){#navbarParent{justify-content:flex-start;padding:.45rem .75rem}}.navbar{justify-content:flex-start;align-items:center;gap:.55rem;width:100%;max-width:1200px;margin:0;padding:0;display:flex;position:relative}@media (max-width:56.25em){.navbar{flex-wrap:wrap;padding:0}}.navbar a{color:#0071e9;font-size:1rem;font-weight:700;transition:color .2s}@media (max-width:43.75em){.navbar a{font-size:.9rem}}@media (max-width:26.56em){.navbar a{font-size:.8rem}}.navbar li{color:#3d405b;border-radius:999px;margin:0;padding:.5rem .78rem;font-size:1.02rem;text-decoration-color:#0000;transition:color .2s,background .2s}.navbar li:hover:not(.navbar__item--avatar){color:#c7684f;background:#f2cc8f33}@media (max-width:90em){.navbar li{font-size:1.08rem}}@media (max-width:56.25em){.navbar li{font-size:1.12rem}}@media (max-width:43.75em){.navbar li{padding:.25rem .4rem}}.navbar__item{align-items:center;display:flex;height:100%!important}@media (max-width:56.25em){.navbar__item{margin:0}}.navbar__item:first-child{margin-right:auto;font-weight:800}@media (max-width:56.25em){.navbar__item:first-child{order:1}}.navbar__item--avatar{padding-right:0}.navbar__item--avatar:hover{background:0 0}@media (max-width:56.25em){.navbar__item--avatar{order:2}}.navbar__item--nav{display:block}@media (max-width:56.25em){.navbar__item--nav{order:3;width:100%;padding:10px;display:none}}.navbar__item__link,.navbar__item__title{align-items:center;gap:.25rem;text-decoration:none;display:flex}.navbar__item__title{color:#c7684f;letter-spacing:.02em;font-weight:800}@media (max-width:56.25em){.navbar.expanded .navbar__item--nav{display:flex!important}}.user-dropdown-container{position:relative}.user-dropdown-container .avatar-trigger{cursor:pointer;align-items:center;text-decoration:none;display:flex}@media (max-width:56.25em){.user-dropdown-container .avatar-trigger{width:45px;height:45px}}@media (max-width:43.75em){.user-dropdown-container .avatar-trigger{width:40px;height:40px}}@media (max-width:26.56em){.user-dropdown-container .avatar-trigger{width:30px;height:30px}}.user-dropdown-container .dropdown-menu{z-index:1000;background:linear-gradient(#fffdf8 0%,#f9f1ea 100%);border:1px solid #f2cc8fd9;border-radius:18px;min-width:160px;padding:.45rem 0;position:absolute;top:110%;left:auto;right:0;overflow:hidden;box-shadow:0 18px 38px #3d405b24}@media (max-width:56.25em){.user-dropdown-container .dropdown-menu{top:115%}}.user-dropdown-container .dropdown-menu .dropdown-item{padding:.72rem 1.2rem;font-family:ActualComicSans,cursive;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:block;color:#3d405b!important}@media (max-width:43.75em){.user-dropdown-container .dropdown-menu .dropdown-item{font-size:1rem}}@media (max-width:26.56em){.user-dropdown-container .dropdown-menu .dropdown-item{font-size:.9rem}}.user-dropdown-container .dropdown-menu .dropdown-item:hover{background:#f2cc8f2e;color:#c7684f!important}.user-dropdown-container .dropdown-menu .dropdown-divider{background:#f2cc8fbf;border-radius:1px;height:1px;margin:.2rem .7rem}.navbar__item__icon{display:none}@media (max-width:56.25em){.navbar__item__icon{cursor:pointer;padding:10px 10px 10px 1rem;display:block}}.navbar.logged-in a{color:#729d88}.login__main{background:radial-gradient(circle at 0 0,#f2cc8f59,#0000 35%),radial-gradient(circle at 100% 100%,#81b29a40,#0000 30%);justify-content:space-between;align-items:center;min-height:92vh;margin:0;display:flex}.login__img{background-color:#fff;width:60%;height:92vh;position:relative;overflow:hidden;box-shadow:0 10px 24px -8px #3d405b26}.bg-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}@media (max-width:64em){.bg-video{-o-object-fit:contain;object-fit:contain}}@media (max-width:43.75em){.bg-video{-o-object-fit:fill;object-fit:fill}}.overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.login__container{height:-webkit-fill-available;height:-moz-available;text-align:center;background:#fff;width:40%;height:stretch;padding:2rem;box-shadow:0 0 5px #e07a5f3b,0 10px 24px -8px #3d405b26}@media (max-width:43.75em){.login__container{padding:1rem}}.login__container__header{color:#3d405b;margin-top:2.5rem;margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.6rem);line-height:1.1}@media (max-width:64em){.login__container__header{margin-top:2rem}}@media (max-width:56.25em){.login__container__header{margin-top:1rem}}@media (max-width:43.75em){.login__container__header{font-size:1.3rem}}.login__container--compact{width:min(420px,100%)}.login__eyebrow{color:#e07a5f;letter-spacing:.03em;margin:0;font-weight:700}.login__subtitle{color:#0071e9;margin:0 0 1.4rem;font-size:1rem}@media (max-width:64em){.login__subtitle{font-size:.9rem}}@media (max-width:56.25em){.login__subtitle{font-size:.7rem}}@media (max-width:43.75em){.login__subtitle{margin:0 0 .5rem;font-size:.4rem}}@media (max-width:26.56em){.login__subtitle{font-size:.35rem}}@media (max-width:23.43em){.login__subtitle{font-size:.25rem}}.login__modeSwitch{background:#f4f1de;border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.2rem;padding:.25rem;display:grid}@media (max-width:43.75em){.login__modeSwitch{margin-bottom:0}}.login__modeBtn{color:#3d405b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.55rem .9rem;font-family:ActualComicSans,cursive;font-size:1rem;font-weight:700;transition:all .3s}.login__modeBtn.active{color:#f2e9e4;background:#3d405b}.login__modeBtn:hover{color:#fff;background:#0071e9}@media (max-width:43.75em){.login__modeBtn{font-size:.6rem}}@media (max-width:26.56em){.login__modeBtn{font-size:.5rem}}@media (max-width:23.43em){.login__modeBtn{font-size:.35rem}}.login__roleNote{color:#5f6480;text-align:center;background:#fffaf2;border:1px solid #f2cc8f;border-radius:14px;margin:0 0 1.15rem;padding:.8rem .95rem;font-size:.95rem}.login__roleNote a{color:#e07a5f;font-weight:700;text-decoration:none}@media (max-width:56.25em){.login__roleNote{font-size:.8rem}}@media (max-width:43.75em){.login__roleNote{font-size:.4rem}}@media (max-width:26.56em){.login__roleNote{font-size:.34rem}}.login-form{flex-direction:column;gap:.75rem;display:flex}.input__group.input__group--password{position:relative}.input__group.input__group--password input{padding-right:3.75rem}@media (max-width:56.25em){.input__group.input__group--password input{font-size:.9rem}}@media (max-width:43.75em){.input__group.input__group--password input{padding:.6rem;font-size:.7rem;display:flex}}@media (max-width:26.56em){.input__group.input__group--password input{font-size:.6rem}}@media (max-width:23.43em){.input__group.input__group--password input{font-size:.45rem}}.input__group input{box-sizing:border-box;color:#0071e9;background:#fffcf7;border:2px solid #f4f1de;border-radius:12px;width:100%;padding:.8rem .9rem;transition:all .3s}@media (max-width:56.25em){.input__group input{font-size:.9rem}}@media (max-width:43.75em){.input__group input{padding:.6rem;font-size:.7rem}}@media (max-width:26.56em){.input__group input{font-size:.6rem}}@media (max-width:23.43em){.input__group input{font-size:.45rem}}.input__group input:focus{border-color:#0071e9;outline:none;box-shadow:0 0 0 4px #0071e965}.input__peek{color:#0071e9;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;padding:0;font-size:1.15rem;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.input__peek:hover{color:#3d405b;background:#f2cc8f2e}.input__peek:focus-visible{background:#f2cc8f2e;outline:none;box-shadow:0 0 0 3px #e07a5f33}.input__peek--active{color:#3d405b;background:#f2cc8f3d}.input__peekIcon{transform-origin:50%}@media (max-width:26.56em){.input__peekIcon{width:.9rem;height:.9rem}}.input__peek--active .input__peekIcon{animation:.26s eye-blink}@keyframes eye-blink{0%{transform:scaleY(1)}35%{transform:scaleY(.14)translateY(1px)}65%{transform:scaleY(.22)translateY(1px)}to{transform:scaleY(1)}}.login__error{color:#b91c1c;text-align:left;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;margin:.2rem 0 0;padding:.6rem .8rem;font-size:.95rem}.loginMain__btn{color:#f2e9e4;cursor:pointer;background:#3d405b;border:none;border-radius:12px;margin-top:.35rem;padding:.85rem 1rem;font-family:ActualComicSans,cursive;font-size:1.2rem;font-weight:700;transition:all .35s}@media (max-width:43.75em){.loginMain__btn{padding:.5rem 1rem;font-size:.8rem}}@media (max-width:26.56em){.loginMain__btn{font-size:.7rem}}@media (max-width:23.43em){.loginMain__btn{font-size:.6rem}}.loginMain__btn:hover:not(:disabled){background:#0071e9;transform:translateY(-1px)}.loginMain__btn:disabled{opacity:.65;cursor:not-allowed}.login__divider{color:#0071e9;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.95rem;display:flex}.login__divider:before,.login__divider:after{content:"";background:linear-gradient(90deg,#0000,#d8dbe8,#0000);flex:1;height:1px}.login__oauthControl{position:relative}.login__oauthControl--disabled{cursor:not-allowed}.login__oauthControl--disabled:hover:after{content:attr(data-tooltip);color:#f8f9fc;white-space:nowrap;pointer-events:none;z-index:2;background:#3d405b;border-radius:10px;padding:.55rem .8rem;font-size:.85rem;line-height:1.25;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%);box-shadow:0 8px 20px -10px #3d405b2e}.login__oauthBtn{color:#3d405b;cursor:pointer;background:#fff;border:2px solid #3d405b;border-radius:12px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s}@media (max-width:56.25em){.login__oauthBtn{font-size:.7rem}}@media (max-width:26.56em){.login__oauthBtn{font-size:.6rem}}@media (max-width:23.43em){.login__oauthBtn{font-size:.42rem}}.login__oauthBtn:hover:not(:disabled){color:#0071e9;border-color:#0071e9;transform:scale(1.02);box-shadow:0 8px 20px -10px #3d405b1f}.login__oauthBtn:disabled{cursor:not-allowed}.login__oauthBtn--disabled{color:#8f93a8;background:#f8f9fc;border-color:#e5e7ef}.login__toggle{color:#0071e9;cursor:pointer;margin-top:.45rem;font-size:1.2rem;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:all .25s}.login__toggle:hover{color:#81b29a;text-underline-offset:4px;text-decoration-color:#81b29a}@media (max-width:56.25em){.login__toggle{font-size:1rem}}@media (max-width:43.75em){.login__toggle{font-size:.6rem}}@media (max-width:26.56em){.login__toggle{font-size:.5rem}}@media (max-width:23.43em){.login__toggle{font-size:.3rem}}.loadingstate{text-align:center;color:#6b7280;padding:2rem;font-size:1.25rem}.question-shell{flex-direction:column;align-items:stretch;width:min(100%,1120px);margin:0 auto;display:flex}.question-shell__main,.question-shell__telemetry{min-width:0}.question-shell__main{width:100%}.question-shell__telemetry{justify-content:flex-end;width:100%;margin-top:.2rem;display:flex}.question-shell__telemetry .ghost-debug-panel{margin:0}.question__card{border-bottom:5px solid #81b29a;border-right:5px solid #81b29a;border-radius:1rem;max-width:1100px;height:100%;margin:auto;padding-top:0;font-family:ActualComicSans,cursive;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards cardEnter;box-shadow:inset 3px 3px 6px #81b29a2e,inset -3px -3px 6px 1px #81b29a00}@media (max-width:64em){.question__card{margin:2rem}}@media (max-width:56.25em){.question__card{margin:auto}}.success-confetti{pointer-events:none;z-index:9999;inset:0;width:100vw!important;height:100vh!important;position:fixed!important}.question__text{color:#3d405b;background:linear-gradient(#fffaf3 0%,#f8efe5 100%);border:1px solid #f2cc8fa3;border-radius:20px;margin:1.2rem 1.2rem 0;padding:.95rem 1.1rem;font-size:1.18rem;font-weight:700;line-height:1.45;box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}.card__header{color:#c7684f;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#fff6ea 0%,#fffdf8 100%);border:1px solid #f2cc8fd1;border-radius:999px;width:fit-content;margin-left:1rem;padding:.7rem .95rem;font-size:1rem;font-weight:800;box-shadow:inset 0 1px #fffffff0,0 10px 18px #3d405b0d}.highlight5{color:#81b29a}.highlight1,.highlight3{color:#c7684f;font-weight:800}@media (max-width:640px){.question-shell__telemetry{justify-content:flex-start}.question__card{border-radius:22px}.question__text{margin:.95rem .95rem 0;font-size:1.06rem}}.practice-summary{border-radius:26px;justify-content:space-around;align-items:stretch;gap:.65rem;padding:.7rem;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.practice-summary.pop-active{animation:.5s cubic-bezier(.25,1.5,.5,1) popBounce}.practice-summary.shake-active{background:linear-gradient(#fff4f1 0%,#fde3dc 100%);border-color:#c7684f6b;animation:.5s ease-in-out shakeError}.practice-summary__stat{text-align:center;border:5px solid #f2cc8f;border-top:1px solid #f2cc8fa6;border-left:1px solid #f2cc8fa6;border-radius:999px;gap:.15rem;min-width:92px;padding:9px 10px;box-shadow:inset 0 2px #ffffffe6,0 6px 16px #3d405b0a}.practice-summary__stat strong{color:#e07a5f;font-size:1rem;line-height:1}@media (max-width:56.25em){.practice-summary__stat strong,.practice-summary__stat{font-size:1.1rem}}@media (max-width:43.75em){.practice-summary__stat{padding:.32rem}}.practice-summary__label{font-size:.8rem}@media (max-width:56.25em){.practice-summary__label{font-size:.8rem}}.practice-summary__label{color:#3d405b;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.practice-summary__stat--accent strong{color:#f2cc8f}@keyframes scorePopSuccess{0%{color:inherit;transform:scale(1)}40%{color:#4ade80;text-shadow:0 0 12px #4ade8099;transform:scale(1.4)translateY(-2px)}to{color:inherit;transform:scale(1)translateY(0)}}@keyframes scorePopError{0%{color:inherit;transform:scale(1)}40%{color:#f87171;text-shadow:0 0 12px #f8717199;transform:scale(1.4)translateY(-2px)}to{color:inherit;transform:scale(1)translateY(0)}}.stat-pop-success{animation:.6s cubic-bezier(.175,.885,.32,1.275) scorePopSuccess;display:inline-block}.stat-pop-error{animation:.6s cubic-bezier(.175,.885,.32,1.275) scorePopError;display:inline-block}@keyframes scorePopNeutral{0%{color:inherit;transform:scale(1)}40%{color:#fff;transform:scale(1.3)translateY(-2px)}to{color:inherit;transform:scale(1)translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-pop-neutral{animation:.6s cubic-bezier(.175,.885,.32,1.275) scorePopNeutral;display:inline-block}.score-pop{pointer-events:none;z-index:9999;will-change:transform, opacity;background:#10b98140;border:2px solid #10b981cc;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 28px;animation:1.3s ease-out forwards scorePop;display:flex;position:fixed;top:80px;left:50%}.score-pop__number{color:#10b981;font-size:3rem;font-weight:900;line-height:1}.score-pop__label{color:#10b981;letter-spacing:.12em;font-size:.75rem;font-weight:700}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,30px)scale(.3)}40%{opacity:1;transform:translate(-50%,-10px)scale(1.1)}65%{opacity:1;transform:translate(-50%,-20px)scale(1)}to{opacity:0;transform:translate(-50%,-70px)scale(.95)}}.question-shell__main.is-exiting{pointer-events:none;animation:.35s ease-in forwards questionExit;position:relative}@keyframes questionExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.15;transform:translateY(0)scale(1)}}.loading-next-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;border-radius:inherit;background:#fff9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.loading-next-overlay .loading-text{color:#3d405b;letter-spacing:.5px;z-index:5;margin-top:100px;font-size:1.6rem;font-weight:800;animation:1.5s ease-in-out infinite textPulse}.loading-next-overlay .loader{z-index:5;animation:.4s linear infinite speeder;position:absolute;top:calc(50% - 30px);left:calc(50% - 25px)}.loading-next-overlay .loader>span{background:#3d405b;border-radius:2px 10px 1px 0;width:35px;height:5px;position:absolute;top:-19px;left:60px}.loading-next-overlay .loader>span>span{background:#3d405b;width:30px;height:1px;animation:.2s linear infinite fazer1;position:absolute}.loading-next-overlay .loader>span>span:nth-child(2){animation:.4s linear infinite fazer2;top:3px}.loading-next-overlay .loader>span>span:nth-child(3){animation:.4s linear -1s infinite fazer3;top:1px}.loading-next-overlay .loader>span>span:nth-child(4){animation:1s linear -1s infinite fazer4;top:4px}.loading-next-overlay .base span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:100px solid #3d405b;width:0;height:0;position:absolute}.loading-next-overlay .base span:before{content:"";background:#3d405b;border-radius:50%;width:22px;height:22px;position:absolute;top:-16px;right:-110px}.loading-next-overlay .base span:after{content:"";border-top:0 solid #0000;border-bottom:16px solid #0000;border-right:55px solid #3d405b;width:0;height:0;position:absolute;top:-16px;right:-98px}.loading-next-overlay .face{background:#3d405b;border-radius:20px 20px 0 0;width:20px;height:12px;position:absolute;top:-15px;right:-125px;transform:rotate(-40deg)}.loading-next-overlay .face:after{content:"";transform-origin:50%;background:#3d405b;border-radius:0 0 0 2px;width:12px;height:12px;position:absolute;top:7px;right:4px;transform:rotate(40deg)}.loading-next-overlay .longfazers{z-index:1;width:100%;height:100%;position:absolute}.loading-next-overlay .longfazers span{background:#3d405b33;border-radius:2px;width:20%;height:3px;position:absolute}.loading-next-overlay .longfazers span:first-child{animation:.6s linear -5s infinite lf;top:20%}.loading-next-overlay .longfazers span:nth-child(2){animation:.8s linear -1s infinite lf2;top:40%}.loading-next-overlay .longfazers span:nth-child(3){animation:.6s linear infinite lf3;top:60%}.loading-next-overlay .longfazers span:nth-child(4){animation:.5s linear -3s infinite lf4;top:80%}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fazer1{0%{left:0}to{opacity:0;left:-80px}}@keyframes fazer2{0%{left:0}to{opacity:0;left:-100px}}@keyframes fazer3{0%{left:0}to{opacity:0;left:-50px}}@keyframes fazer4{0%{left:0}to{opacity:0;left:-150px}}@keyframes speeder{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-3px)rotate(-1deg)}20%{transform:translate(-2px)rotate(1deg)}30%{transform:translate(1px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,3px)rotate(-1deg)}60%{transform:translate(-1px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-2px,-1px)rotate(1deg)}90%{transform:translate(2px,1px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes lf{0%{left:200%}to{opacity:0;left:-200%}}@keyframes lf2{0%{left:200%}to{opacity:0;left:-200%}}@keyframes lf3{0%{left:200%}to{opacity:0;left:-100%}}@keyframes lf4{0%{left:200%}to{opacity:0;left:-100%}}.card__options{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:26.56em){.card__options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.card__options{gap:1rem;margin-top:1rem;padding:2rem}.card__options__btn{color:#e07a5f;cursor:pointer;background-color:#fff;border:none;border-radius:1rem;padding:1.2rem .2rem;font-size:2rem;font-weight:700;transition:all .7s;box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #e07a5f}.card__options__btn:hover{color:#81b29a;background-color:#3d405b;transform:translateY(4px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a}.card__options__btn:hover .sike{display:inline-block;transform:scale(1.2)}.card__options__btn:hover .sike__options{color:#81b29a;border:3px solid #81b29a}.card__options__btn:active{box-shadow:none;transform:translateY(0)}.card__options__btn__success{animation:.8s ease-in-out popBounce;box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a;color:#fff!important;background-color:#81b29a!important}.card__options__btn__error{animation:.8s ease-in-out both tilt-shake;transform:scale(.98);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #e07a5f;color:#fff!important;background-color:#e07a5f!important}.card__options__btn__success .sike__options,.card__options__btn__error .sike__options{transition:all .7s;color:#fff!important;border-color:#fff!important}.sike{font-family:ActualComicSans,cursive;transition:all .7s}.sike__options{color:#f2cc8f;border:3px solid #f2cc8f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:1rem;padding:3px;font-weight:700;display:inline-flex}@keyframes tilt-shake{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes popBounce{0%{transform:scale(1)}40%{filter:brightness(1.2);transform:scale(1.25)}70%{transform:scale(.95)}to{filter:brightness();transform:scale(1)}}.visual__container{flex-direction:column;align-items:center;max-width:100%;margin:2rem 0;padding:2rem;display:flex;position:relative}.visual__bracket{flex-direction:column;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.visual__bracket .visual__question-mark{text-shadow:-1px 3px #000;color:#c9ada7;margin-bottom:.2rem;font-size:2.5rem;font-weight:bolder}.visual__bracket .visual__line{color:#e07a5f;border-top:2px solid #e07a5f;border-left:2px solid #e07a5f;border-right:2px solid #e07a5f;width:100%;height:10px;position:relative}.visual__bracket .visual__line__span{font-weight:bolder;position:absolute;top:-220%;right:50%}.visual__input{color:#e07a5f;-webkit-font-smoothing:antialiased;text-align:center;border:none;border-radius:10px;width:40%;margin-bottom:1.5rem;padding:12px 0;font-family:ActualComicSans,cursive;font-size:3rem;transition:all 3s;animation:2s ease-out infinite breathing;position:relative;box-shadow:0 4px 6px #e07a5f70}.visual__input:hover{cursor:pointer;border-radius:10px;box-shadow:0 4px 6px #22223b}.visual__input:focus{color:#81b29a;border-radius:10px;outline:none;animation:none;transform:none;box-shadow:0 4px 6px #81b29a48}.visual__input::placeholder{color:#e07a5f;opacity:1;font-size:4rem}.visual__input:focus::placeholder{color:#0000;text-shadow:none}.visual__input__success{box-shadow:none;background-color:#46c388;padding:0;font-weight:700;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;box-shadow:0 4px 6px #81b29a48;color:#fff!important;border:3px solid #f0efef!important}.visual__input__error{box-shadow:none;background-color:#c34646;padding:0;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;color:#fff!important}.visual__input__icon{color:#fff;font-size:4rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;position:absolute;top:42%;right:42%;transform:translateY(-50%)}.visual__bars{border-radius:10px;width:100%;height:50px;display:flex;overflow:hidden;border:2px solid #f2e9e4!important}.visual__segment{color:#1f2937;border-right:2px solid #fffc;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.visual__segment:last-child{border-right:none}.visual__segment__full{color:#fff;background-color:#20aa53;flex:1;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;border:3px solid #fff!important}.visual__label{text-shadow:0 1px 2px #ffffff80}.visual__hint{pointer-events:none;z-index:10;flex-direction:column;align-items:center;animation:1.5s infinite bounceHint;display:flex;position:absolute;top:0;left:75%;transform:translate(-50%)}.visual__hint.hint-fading-out{animation:.7s ease-out forwards fadeOutUp}.visual__hint-text{color:#fff;white-space:nowrap;background-color:#e07a5f;border-radius:12px;padding:4px 12px;font-size:.9rem;font-weight:700;position:relative;box-shadow:0 4px 6px #0000001a}.visual__hint-text:after{content:"";border:5px solid #0000;border-top-color:#e07a5f;border-bottom-width:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.visual__hint-arrow{color:#e07a5f;margin-top:2px;font-size:5rem}@keyframes bounceHint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}@keyframes breathing{0%,to{transform:scale(.9)}25%{transform:scale(1)}60%{transform:scale(.9)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.match-container{-webkit-user-select:none;user-select:none;width:100%;margin:0 auto;padding:1rem 2rem;position:relative}.match-svg-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.match-columns{justify-content:space-between;align-items:stretch;gap:4rem;display:flex}.match-col{flex-direction:column;gap:1.5rem;width:32%;display:flex}.match-item{color:#3d405b;background:#fff;border:2px solid #f4f1de;border-radius:12px;align-items:center;padding:1rem;font-size:1.2rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 6px #0000000d}.match-item:hover{border:2px solid #3d405b}.right-item{justify-content:center;gap:1rem}.submit__match__div{text-align:center;margin-top:1.5rem}.submit__match__btn{color:#3d405b;cursor:pointer;background-color:#def4e8;border:none;border-radius:.75rem;width:50%;margin-top:1rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;font-family:ActualComicSans,cursive;font-size:1.5rem;font-weight:700;transition:all .8s;animation:.5s ease-in-out popBounce}.submit__match__btn:hover{color:#e07a5f;transform:scale(1.2)}.submit__match__btn{cursor:pointer}.submit__match__btn__submitted{color:#f2cc8f;background-color:#3d405b;font-size:2rem}.submit__match__btn__submitted:disabled,.submit__match__btn__submitted--submitted{cursor:default;transform:none!important}.icon-equation{align-items:center;gap:.5rem;display:flex}.icon-group{gap:.25rem;display:flex}.left-item{color:#e07a5f;justify-content:center}.match-icon{color:#e07a5f;font-size:1.4rem}.match-operator{color:#e07a5f;margin:0 .2rem;font-size:1.5rem;font-weight:700}.match-hint-line{opacity:.6;pointer-events:none;animation:2s linear infinite pulseHintLine}@keyframes pulseHintLine{0%{stroke-dashoffset:32px;opacity:.3}50%{opacity:.8}to{stroke-dashoffset:0;opacity:.3}}.icons-items__container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}.icons-items__group-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.icons-items__grid{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:8px;min-width:80px;min-height:80px;padding:12px;display:flex}.icons-items__icon{color:#3b82f6;font-size:1.8rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) backwards pop-in;display:flex}.icons-items__icon svg{filter:drop-shadow(0 2px 2px #0000001a)}.icons-items__label{color:#64748b;margin-top:8px;font-size:1rem;font-weight:600}.icons-items__operator{color:#475569;font-size:2rem;font-weight:800}.icons-items__group-wrapper .icons-items__operator{position:absolute;top:35%;right:-25px}.icons-items__answer-box{width:90px}.icons-items__answer-box .visual__input{text-align:center;padding:.5rem}.answer__form{flex-direction:column;gap:1rem;padding:2rem;display:flex}.answer__form .answer__input{text-align:center;color:#eab308;border:2px solid gray;border-radius:.75rem;outline:none;margin-top:2rem;padding:1rem;font-size:2.25rem;transition:border-color .2s}.answer__form .answer__input:focus{border-color:#7272c3}.answer__form .answer__input::placeholder{color:#9ca3af}.answer__form .submit__btn{color:#e07a5f;cursor:pointer;background-color:#f4f1de;border:none;border-radius:.75rem;width:50%;margin-top:1rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;font-family:ActualComicSans,cursive;font-size:1.5rem;font-weight:700;transition:all .8s}.answer__form .submit__btn:hover{color:#81b29a;transform:scale(1.2)}.answer__form__container{flex-direction:column;gap:1rem;width:100%;display:flex}.schema-badge{font-size:inherit;text-transform:capitalize;letter-spacing:.02em;border-radius:16px;justify-content:center;align-items:center;padding:.45rem 1rem;font-weight:800;display:flex;box-shadow:inset 0 1px #fffc,0 4px 10px #3d405b0a}@media (max-width:43.75em){.schema-badge{flex:1}}.schema-badge--practice,.schema-badge--combine{color:#3a7a70;background:linear-gradient(135deg,#e6f7f4 0%,#d1efe9 100%);border:1px solid #76c4b899}.schema-badge--change{color:#a85f1c;background:linear-gradient(135deg,#fff3e6 0%,#ffe6cc 100%);border:1px solid #f0a86899}.schema-badge--compare{color:#6b3a82;background:linear-gradient(135deg,#f3e6f7 0%,#e6ccf0 100%);border:1px solid #ba7ed699}.worksheet{color:#3d405b;flex-direction:column;gap:.8rem;padding:.6rem 0 1rem;display:flex}.worksheet-tabs.progression-track{justify-content:center;align-items:center;gap:0;padding:0 .5rem;display:flex}@media (max-width:43.75em){.worksheet-tabs.progression-track{margin-bottom:.5rem}}.worksheet-tab{border-radius:30px;justify-content:center;align-items:center;gap:6px;margin-right:24px;padding:5px 10px;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative}@media (max-width:56.25em){.worksheet-tab{font-size:.8rem}}@media (max-width:43.75em){.worksheet-tab{padding:.5rem;font-size:.6rem}}@media (max-width:26.56em){.worksheet-tab{padding:.3rem;font-size:.5rem}}@media (max-width:23.43em){.worksheet-tab{padding:.1rem;font-size:.37rem}}.worksheet-tab:last-child{margin-right:0}.worksheet-tab:not(:last-child):after{content:"";z-index:-1;background:#e2e2e2;border-radius:2px;width:24px;height:3px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.worksheet-tab.is-completed{color:#2e7d32;background:#e8f4e9;border:1px solid #81c784}.worksheet-tab.is-completed:not(:last-child):after{background:#81c784}.worksheet-tab.is-active{color:#e07a5f;background:#fff3eb;border:2px solid #e07a5f;transform:scale(1.05);box-shadow:0 4px 12px #e07a5f26}.worksheet-tab.is-locked{color:#9ca3af;opacity:.7;background:#f8f9fa;border:1px dashed #d1d5db}.worksheet-tab .tab-icon{stroke-width:3px}.worksheet-tab.is-active,.worksheet-stage-tab.is-active{color:#c7684f;background:linear-gradient(135deg,#fff3eb 0%,#fffaf5 100%);border-color:#c7684f80}.worksheet-stage-tab.is-complete{color:#44735f;background:#edf7f0;border-color:#81b29a8f}.worksheet-tab.is-wrong{color:#c62828;background:#fce4ec;border:1px solid #e57373}.worksheet__topline{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.worksheet__topline-main{flex-wrap:wrap;flex:1;align-items:flex-start;gap:.75rem;min-width:0;margin:auto;display:flex}@media (max-width:56.25em){.worksheet__topline-main{margin:0}}.worksheet-title{color:#fff;width:fit-content;font-weight:700;font-size:inherit;text-transform:lowercase;letter-spacing:.01em;background:linear-gradient(#3d405b 0%,#1f2235 100%);border:1px solid #f2cc8fa6;border-radius:16px;justify-content:center;align-items:center;padding:.5rem;font-weight:800;display:flex;box-shadow:inset 0 2px #ffffffe6,0 6px 16px #3d405b0a}@media (max-width:43.75em){.worksheet-title{flex:1}}.worksheet-feedback,.worksheet-solve__equation,.worksheet-verification__equation{background:linear-gradient(#fffffff5 0%,#fbf2e8 100%);border-radius:16px;box-shadow:inset 0 0 0 1px #f2cc8f94,0 8px 20px #3d405b0d}.worksheet-prompt{color:#3d405b;background-color:#81b29a25;border-left:5px solid #e07a5f;border-radius:10px;padding:.5rem;font-family:ActualComicSans,cursive;font-size:1.15rem;font-weight:700}@media (max-width:90em){.worksheet-prompt{font-size:1rem}}@media (max-width:43.75em){.worksheet-prompt{font-size:.9rem}}@media (max-width:26.56em){.worksheet-prompt{font-size:.8rem}}@media (max-width:23.43em){.worksheet-prompt{font-size:.7rem}}.variable-identification{flex-direction:column;gap:1.5rem;padding:0 .5rem;display:flex}.variable-identification__sentences{flex-direction:column;gap:.85rem;display:flex}.variable-sentence{background:#fff;border:2px solid #e2e8f0;border-radius:12px;grid-template-columns:2.2rem 1fr;align-items:center;gap:1.2rem;padding:.4rem .8rem;display:grid;box-shadow:0 4px #f1f5f9}@media (max-width:43.75em){.variable-sentence{font-size:.85rem}}@media (max-width:26.56em){.variable-sentence{font-size:.75rem}}.variable-sentence span{color:#fff;background:#3d405b;border-radius:8px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:900;display:flex;box-shadow:3px 3px #e9b50b}.variable-sentence p{color:#3d405b;margin:0;font-size:1.05rem;font-weight:600}@media (max-width:43.75em){.variable-sentence p{font-size:.85rem}}@media (max-width:26.56em){.variable-sentence p{font-size:.75rem}}.variable-cards{transform-origin:top;will-change:transform, opacity;opacity:0;flex-direction:column;gap:.5rem;display:flex;transform:scaleY(0)}.variable-cards.animate-unfold{animation:1s cubic-bezier(.34,1.56,.64,1) forwards variableCardsUnfold}@keyframes variableCardsUnfold{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.variable-row-horizontal{background:#fff;border:3px solid #d7dde5;border-radius:16px;align-items:center;gap:2rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 5px #d7dde5}@media (max-width:56.25em){.variable-row-horizontal{display:block}}@media (max-width:43.75em){.variable-row-horizontal{flex-direction:column}}.variable-row-horizontal__name{color:#3d405b;text-transform:capitalize;flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;padding-left:1rem;font-size:1.2rem;font-weight:900;display:flex;position:relative}@media (max-width:56.25em){.variable-row-horizontal__name{margin-bottom:1rem}}@media (max-width:43.75em){.variable-row-horizontal__name{font-size:1rem}}@media (max-width:23.43em){.variable-row-horizontal__name{font-size:.9rem}}.variable-row-horizontal__name:before{content:"";background-color:#e9b50b;border-radius:10px;width:6px;height:1.2rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.variable-identification{z-index:50;position:relative}.variable-row-horizontal{z-index:1;position:relative}.variable-row-horizontal:focus-within{z-index:100}.variable-tag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;padding:.15rem .55rem;font-size:.65rem;font-weight:800;display:inline-flex}@media (max-width:43.75em){.variable-tag{font-size:.55rem}}.variable-tag--start{color:#1e40af;background:#dbeafe;border:1.5px solid #93c5fd;font-family:ActualComicSans,cursive}.variable-tag--change{color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d;font-family:ActualComicSans,cursive}.variable-tag--end{color:#166534;background:#dcfce7;border:1.5px solid #86efac;font-family:ActualComicSans,cursive}.bar-model__bottom .changeBar__wrapper{flex-direction:column;justify-content:stretch;min-width:0;transition:width .3s;display:flex;position:relative}.changeBar__wrapper .bar-box{flex:1;width:100%;height:100%}.changeBar__wrapper .variable-tag{border-radius:8px;padding:2px 8px;font-family:ActualComicSans,cursive;font-size:.65rem;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a;z-index:50!important}.bar-model__top-wrapper .changeBar__wrapper{width:100%;position:relative}.bar-model__top-wrapper .variable-tag,.equation-box .variable-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a;z-index:50!important}@media (max-width:43.75em){.equation-box .variable-tag{top:-18px}}.change-identify__options{opacity:0;justify-content:center;align-items:center;gap:5.5rem;margin-bottom:3rem;padding-top:1.5rem;display:flex}@media (max-width:43.75em){.change-identify__options{flex-direction:column;gap:2.5rem;padding-top:0}}.change-identify__options.animate-unfold{opacity:0;animation:.8s cubic-bezier(.2,.9,.3,1.15) both flyInFromOffScreen}.change-identify__bar-options{opacity:0;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-bottom:2rem;display:flex}.change-identify__bar-options.animate-unfold{opacity:0;animation:.8s cubic-bezier(.2,.9,.3,1.15) both flyInFromOffScreen}@keyframes flyInFromOffScreen{0%{opacity:0;transform:translateY(100vh)scale(.9)}20%{opacity:0}60%{opacity:1;transform:translateY(-20px)scale(1.02)}80%{transform:translateY(5px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.change-identify__title{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;margin:0 1rem 2rem;padding:.6rem;display:flex;position:relative;box-shadow:0 4px #f1f5f9}@media (max-width:43.75em){.change-identify__title{margin:0 0 2rem}}.change-identify__title p{color:#3d405b;margin:0;font-family:ActualComicSans,cursive;font-size:1.1rem;font-weight:600;line-height:1.55}@media (max-width:43.75em){.change-identify__title p{font-size:.95rem}}@media (max-width:26.56em){.change-identify__title p{font-size:.85rem}}@media (max-width:23.43em){.change-identify__title p{font-size:.75rem}}.change-identify__title strong{color:#e07a5f;font-style:normal;font-weight:700}.change-identify__title-icon{color:#c7503a;background:linear-gradient(135deg,#fff3ee 0%,#ffe8dc 100%);border:1px solid #c7503a33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0 .1rem;display:flex;box-shadow:0 2px 6px #c7503a1f}@media (max-width:26.56em){.change-identify__title-icon{width:38px;height:40px}}.change-identify__option.expand-card{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:250px;height:150px;padding:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.change-identify__option.expand-card:disabled{cursor:not-allowed;opacity:.8}.change-identify__option.expand-card:hover:not(:disabled),.change-identify__option.expand-card.is-selected,.change-identify__option.expand-card.is-correct,.change-identify__option.expand-card.is-wrong{transform:scale(1.02)}.change-identify__option.expand-card:hover:not(:disabled) .expand-card__container-image,.change-identify__option.expand-card.is-selected .expand-card__container-image,.change-identify__option.expand-card.is-correct .expand-card__container-image,.change-identify__option.expand-card.is-wrong .expand-card__container-image{opacity:0;transition-delay:0s;transform:scale(.8)}.change-identify__option.expand-card:hover:not(:disabled) .expand-card__content,.change-identify__option.expand-card.is-selected .expand-card__content,.change-identify__option.expand-card.is-correct .expand-card__content,.change-identify__option.expand-card.is-wrong .expand-card__content{opacity:1;visibility:visible;border-radius:24px;width:100%;height:100%;transition-delay:.1s;box-shadow:inset 0 4px #fff,0 10px #cbd5e1,0 15px 30px #3d405b1f}@media (max-width:43.75em){.change-identify__option.expand-card:hover:not(:disabled) .expand-card__content,.change-identify__option.expand-card.is-selected .expand-card__content,.change-identify__option.expand-card.is-correct .expand-card__content,.change-identify__option.expand-card.is-wrong .expand-card__content{width:80%;height:80%}}@media (max-width:23.43em){.change-identify__option.expand-card:hover:not(:disabled) .expand-card__content,.change-identify__option.expand-card.is-selected .expand-card__content,.change-identify__option.expand-card.is-correct .expand-card__content,.change-identify__option.expand-card.is-wrong .expand-card__content{width:70%;height:70%}}.change-identify__option.expand-card:hover:not(:disabled) .expand-card__detail,.change-identify__option.expand-card.is-selected .expand-card__detail,.change-identify__option.expand-card.is-correct .expand-card__detail,.change-identify__option.expand-card.is-wrong .expand-card__detail{opacity:1;transition-delay:.3s;transform:translate(0)}.change-identify__option.expand-card:hover:not(:disabled) .expand-card__box-image,.change-identify__option.expand-card.is-selected .expand-card__box-image,.change-identify__option.expand-card.is-correct .expand-card__box-image,.change-identify__option.expand-card.is-wrong .expand-card__box-image{opacity:1;transition-delay:.35s;top:-24px;right:-16px;transform:scale(1)rotate(5deg)}.change-identify__option.expand-card.is-selected .expand-card__content{background-color:#eff6ff;border-color:#3b82f6;transform:translateY(4px);box-shadow:inset 0 4px #fff,inset 0 -4px 12px #3b82f61f,0 6px #2563eb,0 12px 25px #3b82f659}.change-identify__option.expand-card.is-correct .expand-card__content{background-color:#f0fdf4;border-color:#10b981;transform:translateY(6px);box-shadow:inset 0 4px #fff,inset 0 -4px 15px #10b98133,0 4px #059669,0 0 40px #10b98173;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards bar-success-bounce!important}.change-identify__option.expand-card.is-wrong .expand-card__content{background-color:#fef2f2;border-color:#ef4444;animation:.4s cubic-bezier(.36,.07,.19,.97) .2s forwards shake-option;transform:translateY(4px);box-shadow:inset 0 4px #ffffffe6,inset 0 -4px 12px #ef444426,0 6px #dc2626,0 10px 20px #ef444440}.change-identify__option.expand-card:active:not(:disabled) .expand-card__content{transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s ease-out;transform:translateY(10px)scale(.98);box-shadow:inset 0 2px #ffffffb3,inset 0 4px 8px #0000000d,0 0 #0000}.expand-card__container-image{z-index:2;pointer-events:none;width:130px;height:130px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute}@media (max-width:43.75em){.expand-card__container-image{width:100px;height:100px}}@media (max-width:26.56em){.expand-card__container-image{width:80px;height:80px}}.expand-card__circle{background-image:linear-gradient(135deg,#fff6 0%,#fff0 45%);border:4px solid #3d405b;border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 8px #ffffffa6,inset 0 -6px #00000026,0 10px #3d405b,0 15px 25px #3d405b33}.expand-card__circle--increase{color:#059669;background-color:#dcfce7}.expand-card__circle--decrease{color:#dc2626;background-color:#fee2e2}.expand-card__default-label{color:#3d405b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;pointer-events:none;text-shadow:0 1.5px #ffffffd9;font-family:ActualComicSans,cursive;font-size:1.15rem;font-weight:800;position:absolute;bottom:-45px;left:55%;transform:translate(-50%)}@media (max-width:43.75em){.expand-card__default-label{font-size:1rem}}@media (max-width:26.56em){.expand-card__default-label{font-size:.9rem}}@media (max-width:23.43em){.expand-card__default-label{font-size:.8rem}}.expand-card__content{opacity:0;visibility:hidden;z-index:1;background-color:#fff;border:4px solid #e2e8f0;border-radius:65px;justify-content:center;align-items:center;width:130px;height:130px;padding:20px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}@media (max-width:43.75em){.expand-card__content{padding:10px 12px}}.expand-card__detail{text-align:left;opacity:0;flex-direction:column;align-items:flex-start;transition:all .3s ease-in-out;display:flex;transform:translate(-10px)}.expand-card__detail .expand-card__title{color:#3d405b;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1.5px #ffffffd9;margin-bottom:6px;font-family:ActualComicSans,cursive;font-size:1.5rem;font-weight:900}@media (max-width:43.75em){.expand-card__detail .expand-card__title{font-size:1.1rem}}@media (max-width:26.56em){.expand-card__detail .expand-card__title{font-size:1rem}}@media (max-width:23.43em){.expand-card__detail .expand-card__title{font-size:.9rem}}.expand-card__detail .expand-card__subtext{color:#64748b;background-color:#f1f5f9;border:1px solid #0000000d;border-radius:10px;padding:6px 12px;font-family:ActualComicSans,cursive;font-size:.85rem;font-weight:800;line-height:1.3}@media (max-width:43.75em){.expand-card__detail .expand-card__subtext{font-size:.75rem}}@media (max-width:23.43em){.expand-card__detail .expand-card__subtext{font-size:.7rem}}.expand-card__detail .expand-card__subtext__increase{color:#059669}.expand-card__detail .expand-card__subtext__decrease{color:#dc2626}.expand-card__product-image{pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0}.expand-card__product-image .expand-card__box-image{opacity:0;width:64px;height:64px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:20px;right:20px;transform:scale(.5)}.expand-card__product-image .expand-card__box-image .expand-card__circle{background-color:#fff;background-image:none;border-width:3px;box-shadow:inset 0 4px #ffffffe6,0 6px #3d405b,0 8px 15px #00000026}@keyframes shake-option{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.change-identify__bar-option{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:24px;outline:none;flex-direction:column;width:100%;max-width:440px;padding:1.4rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(0);box-shadow:0 8px #cbd5e1,0 15px 30px #3d405b14,inset 0 4px #fff}.change-identify__bar-option:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 14px #cbd5e1,0 25px 40px #3d405b1f,inset 0 4px #fff}.change-identify__bar-option:hover:not(:disabled) .static-bar-model{transform:scale(1.015)}.change-identify__bar-option:active:not(:disabled){transition:all .1s cubic-bezier(.4,0,.2,1);transform:translateY(6px);box-shadow:0 2px #cbd5e1}.change-identify__bar-option:active:not(:disabled) .static-bar-model{transform:scale(.98)}.change-identify__bar-option:disabled{cursor:not-allowed;opacity:.7;filter:grayscale(20%)}.change-identify__bar-option.is-selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 8px #2563eb}.change-identify__bar-option.is-correct{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards successPop;color:#166534!important;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%)!important;border:3px solid #4ade80!important;box-shadow:inset 0 2px #fffc,0 4px #22c55e,0 0 15px #4ade8066!important}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.change-identify__bar-option.is-wrong{background:#fef2f2;border-color:#ef4444;animation:.4s shake-option;box-shadow:0 8px #dc2626}.static-bar-model{pointer-events:none;flex-direction:column;gap:.2rem;width:100%;font-family:ActualComicSans,Comic Sans MS,cursive;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.static-bar-model__top{display:flex}.static-bar-model__bottom{align-items:stretch;gap:.2rem;display:flex}.static-bar__block{text-align:center;background-image:linear-gradient(135deg,#fff6 0%,#fff0 45%);border:3px solid;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:1rem .8rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 6px #fff9,inset 0 -6px #0000001f,0 4px 8px #0000000d}.static-bar__title{letter-spacing:.04em;text-transform:capitalize;text-shadow:0 1.5px #ffffffd9;font-size:1.2rem;font-weight:900}.static-bar__subtext{opacity:.8;text-transform:lowercase;font-size:.82rem;font-weight:800;line-height:1.15}.static-bar__block--start{color:#0369a1;background-color:#bae6fd;border-color:#38bdf8}.static-bar__block--change{color:#a16207;background-color:#fef08a;border-color:#facc15}.static-bar__block--end{color:#15803d;background-color:#bbf7d0;border-color:#4ade80}.static-bar-model--increase .static-bar-model__top .static-bar__block{flex:1}.static-bar-model--increase .static-bar-model__bottom .static-bar__block--start{flex:5.5}.static-bar-model--increase .static-bar-model__bottom .static-bar__block--change{flex:4.5}.static-bar-model--decrease .static-bar-model__top .static-bar__block{flex:1}.static-bar-model--decrease .static-bar-model__bottom .static-bar__block--end{flex:5.5}.static-bar-model--decrease .static-bar-model__bottom .static-bar__block--change{flex:4.5}.change-identify__feedback{border-radius:12px;margin-top:1.2rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;animation:.3s fadeInUp}.change-identify__feedback--correct{color:#2e7d32;background:#e8f5e9;border:1.5px solid #81c784}.change-identify__feedback--wrong{color:#c62828;background:#ffebee;border:1.5px solid #ef9a9a}.change-identify__carry-hint{flex-direction:column;display:flex}.change-identify__carry-hint__bottom{font-size:.8rem}.change-identify__carry-hint strong{color:#e07a5f;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.variable-row-horizontal__controls{flex:2;gap:1rem;min-width:0;display:flex}@media (max-width:43.75em){.variable-row-horizontal__controls{flex-direction:column}}.control-group{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.control-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-weight:800}.control-group input{color:#5f91e0;text-align:center;border:2px solid #cbd5e1;border-radius:10px;width:100%;min-width:0;height:2.7rem;padding:0 1rem;font-weight:700}@media (max-width:56.25em){.control-group input{height:2.5rem;font-size:1rem}}@media (max-width:43.75em){.control-group input{font-size:.9rem}}@media (max-width:23.43em){.control-group input{font-size:.8rem}}.control-group input,.control-group .wizard-select{width:auto}.find-placeholder{color:#94a3b8;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 10px 20px);border:2px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:100%;height:2.7rem;font-weight:800;display:flex}@media (max-width:56.25em){.find-placeholder{height:2.5rem;font-size:1rem}}@media (max-width:43.75em){.find-placeholder{font-size:.9rem}}@media (max-width:23.43em){.find-placeholder{font-size:.8rem}}.variable-row-horizontal.is-correct{background-color:#f0fdf4;border:3px solid #10b981;box-shadow:0 5px #10b981}.variable-row-horizontal.is-correct:after{content:"✓";color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #10b98166}.variable-row-horizontal.is-wrong{background-color:#fff1f2;border:3px solid #f43f5e;animation:.5s cubic-bezier(.36,.07,.19,.97) both rowShake;box-shadow:0 5px #f43f5e}.variable-row-horizontal.is-wrong:after{content:"✕";color:#fff;background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex;position:absolute;top:-10px;right:-10px}@keyframes rowShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.variable-feedback-bar{text-align:center;border-radius:12px;padding:.85rem 1.2rem;font-size:.95rem;font-weight:700}.variable-feedback-bar--success{color:#166534;background:#dcfce7;border:2px solid #86efac}.variable-feedback-bar--error{color:#9f1239;background:#fff1f2;border:2px solid #fda4af}.variable-row-horizontal.is-revealed{pointer-events:none;background-color:#eff6ff;border:3px solid #93c5fd;position:relative;box-shadow:0 5px #93c5fd}.variable-row-horizontal.is-revealed:after{content:"✨";color:#fff;z-index:10;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #3b82f666}.variable-row-horizontal.is-revealed .control-group input:disabled,.variable-row-horizontal.is-revealed .wizard-select.is-disabled .wizard-select__trigger{color:#1e40af;background-color:#fff;border-color:#93c5fd80;font-weight:800}.variable-row-horizontal.is-revealed .find-placeholder{color:#3b82f6;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#eff6ff 10px 20px);border-color:#93c5fd99}.equation-board{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;padding:.5rem;display:flex}@media (max-width:43.75em){.equation-board{flex-wrap:nowrap}}@media (max-width:23.43em){.equation-board{flex-wrap:wrap}}.equation-board__symbol{color:#3d405b;text-shadow:0 2px #cbd5e1,0 4px 4px #3d405b28;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 .5rem;font-family:ActualComicSans,cursive;font-size:2.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.equation-board__symbol:hover{transform:scale(1.1)rotate(5deg)}.equation-box{color:#3d405b;background:linear-gradient(#fff 0%,#fcf7ef 100%);border:1px solid #f2cc8fbd;border-bottom:5px solid #f2cc8f;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:150px;min-width:92px;min-height:90px;padding:.9rem .72rem;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 1px #fffffff5,0 10px 24px #3d405b0f}@media (max-width:43.75em){.equation-box{min-width:70px;min-height:70px;padding:0 .5rem}}@media (max-width:26.56em){.equation-box{max-width:60px;min-height:60px;padding:0 .5rem}}.equation-box strong{font-size:1.8rem;line-height:1}@media (max-width:43.75em){.equation-box strong{font-size:1.3rem}}@media (max-width:26.56em){.equation-box strong{font-size:1.1rem}}@media (max-width:23.43em){.equation-box strong{font-size:1rem}}.equation-box .variable-tag-span{color:#9198a5;text-transform:lowercase;font-size:.8rem}@media (max-width:43.75em){.equation-box .variable-tag-span{font-size:.6rem}}@media (max-width:26.56em){.equation-box .variable-tag-span{font-size:.5rem}}@media (max-width:23.43em){.equation-box .variable-tag-span{font-size:.45rem}}.equation-box.is-editable{cursor:pointer;background:linear-gradient(#fff7f2 0%,#fffdf9 100%);border-style:dashed;border-color:#c7684fb3;font-family:ActualComicSans,cursive}@media (max-width:43.75em){.equation-box.is-editable{width:70px;min-width:70px;min-height:70px;padding:0 .5rem}}@media (max-width:26.56em){.equation-box.is-editable{min-width:60px;min-height:60px;padding:0 .5rem}}.equation-box.equation-box--operator.is-fixed{font-family:ActualComicSans,cursive;color:#0f172a!important;cursor:default!important;box-shadow:none!important;background:#f8fafc!important;border:2px dashed #94a3b8!important}.equation-box.is-fixed{font-family:ActualComicSans,cursive}@media (max-width:43.75em){.equation-box.is-fixed{min-width:70px;min-height:70px;padding:.5rem}}@media (max-width:26.56em){.equation-box.is-fixed{max-width:60px;min-height:60px;padding:0 .5rem}}.equation-box.is-fixed strong{font-family:ActualComicSans,cursive;color:#3d405b!important}.equation-board--bar-stage .equation-box.is-fixed{box-shadow:none;cursor:default;opacity:.85;border-style:solid;border-color:#d1d5dbb3;border-bottom-width:1px;font-family:ActualComicSans,cursive;background:#f9fafb!important}@media (max-width:43.75em){.equation-board--bar-stage .equation-box.is-fixed{width:70px;min-width:70px;min-height:70px;padding:0 .5rem}}@media (max-width:26.56em){.equation-board--bar-stage .equation-box.is-fixed{max-width:60px;min-height:60px;padding:0 .5rem}}.equation-box.equation-box--operator{cursor:pointer;background:linear-gradient(#fff5e6 0%,#fffaf3 100%);border-color:#f2cc8ffa;min-width:68px;position:relative}@media (max-width:43.75em){.equation-box.equation-box--operator{width:70px;min-width:70px;min-height:70px;padding:0 .5rem}}@media (max-width:26.56em){.equation-box.equation-box--operator{max-width:60px;min-height:60px;padding:0 .5rem}}.equation-box.is-correct{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards successPop;color:#166534!important;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%)!important;border:3px solid #4ade80!important;box-shadow:inset 0 2px #fffc,0 4px #22c55e,0 0 15px #4ade8066!important}.equation-box.is-wrong{background-color:#000;animation:.4s cubic-bezier(.36,.07,.19,.97) both errorShake;border-color:#c7684f99!important;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #c7684f26!important}.equation-box.is-wrong strong{color:#b65a4f}.bar-model{transition:all .4s cubic-bezier(.4,0,.2,1)}.bar-model.is-reference-mode{opacity:.85;filter:grayscale(30%);pointer-events:none;transform:scale(.94)}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.bar-model{flex-direction:column;align-items:center;gap:.4rem;width:min(100%,525px);margin:0 auto;display:flex}.bar-model__top,.bar-model__bottom,.bar-model__compare-top,.bar-model__compare-row,.bar-model__compare-gap-track{justify-content:center;gap:.1rem;width:100%;display:flex}.bar-model__compare-top{padding-left:0}.bar-model__compare-bottom{width:100%}.bar-model__compare-row{align-items:stretch;gap:0}.bar-model__compare-bracket{align-items:center;gap:.65rem;width:100%;margin-top:.18rem;padding-right:38%;display:flex}.bar-model__compare-bracket span{color:#c7684f;font-size:1.08rem;font-weight:700}.bar-model__compare-line{border-bottom:3px solid #3d405bd1;flex:1;position:relative}.bar-model__compare-line:before,.bar-model__compare-line:after{content:"";background:#3d405bd1;width:3px;height:16px;position:absolute;top:-8px}.bar-model__compare-line:before{left:0}.bar-model__compare-line:after{right:0}.bar-box{color:#3d405b;box-sizing:border-box;border:1px solid #f2cc8fd6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;min-height:auto;padding:.5rem;display:flex;box-shadow:inset 0 1px #fffffff2,0 10px 22px #3d405b0d}.bar-box strong{font-size:1.5rem;line-height:1}@media (max-width:43.75em){.bar-box strong{font-size:1.4rem}}@media (max-width:26.56em){.bar-box strong{font-size:1.2rem}}@media (max-width:23.43em){.bar-box strong{font-size:1.1rem}}.bar-box span{color:#9198a5;text-transform:lowercase;font-size:.76rem}.bar-box--wide{width:100%}.bar-box--segment{width:auto;min-width:0}.bar-model--compare-gap .bar-model__compare-top{width:100%}.bar-model__compare-gap-track{align-items:flex-start;gap:0;position:relative}.bar-model__compare-guided-row{box-sizing:border-box;align-items:stretch;gap:0;width:100%;max-width:100%;display:grid;position:relative}.bar-model__compare-guided-row>*,.bar-model__compare-guided-row>.bar-box{min-width:0}.bar-model__compare-guided-row>.bar-box.bar-box--segment{box-sizing:border-box;width:100%;max-width:100%}.bar-model--compare-gap,.bar-model--compare-guided{text-align:left}.bar-model--compare-gap .bar-model__compare-top,.bar-model--compare-guided .bar-model__compare-top{justify-content:flex-start}.bar-model--compare-gap .bar-box--wide,.bar-model--compare-guided .bar-box--wide{min-height:74px;box-shadow:none;background:linear-gradient(#f5e8f7 0%,#eed9f2 100%);border-width:3px;border-color:#9857ace6;border-radius:6px}.bar-model--compare-gap .bar-box--wide strong,.bar-model--compare-guided .bar-box--wide strong{color:#553268;font-size:2.1rem}.bar-model--compare-gap .bar-box--wide span,.bar-model--compare-guided .bar-box--wide span{color:#553268b8;text-transform:none}.bar-model--change.is-pill-model{flex-direction:column;gap:1.3rem;padding:10px 0;display:flex}.bar-model--change.is-pill-model .bar-model__top-wrapper{justify-content:center;width:100%;display:flex;position:relative}.bar-model--change.is-pill-model .bar-box--top-pill{box-sizing:border-box;z-index:2;background-color:#fff;border:3px solid #cbd5e1;border-radius:20px;width:100%;min-height:75px;margin:0;padding:.8rem;transition:all .15s ease-out;position:relative;transform:translateY(0);box-shadow:0 5px #e2e8f0}.bar-model--change.is-pill-model .bar-box--top-pill.is-active{background-color:#fff!important;border-color:#3b82f6!important;transform:translateY(0)!important;box-shadow:0 0 0 4px #3b82f633,inset 0 4px 8px #0000000d,0 5px #e2e8f0!important}.bar-model--change.is-pill-model .bar-model__bottom{box-sizing:border-box;z-index:1;background-color:#f1f5f9;border:3px solid #cbd5e1;border-radius:20px;gap:.25rem;width:100%;min-height:75px;padding:4px;display:flex;position:relative;box-shadow:inset 0 4px 8px #0000000a,0 4px #e2e8f0;align-items:stretch!important}.bar-model--change.is-pill-model .bar-box-wrapper{transition:all .15s ease-out;position:relative}.bar-model--change.is-pill-model .bar-box-wrapper.is-active{transform:translateY(0)!important}.bar-model--change.is-pill-model .bar-box-wrapper--subtraction.is-active{transform:scale(.98)}.bar-model--change.is-pill-model .bar-box--tray-pill{background-color:#fff;border:3px solid #0000;border-radius:16px;width:100%;transition:all .15s;box-shadow:inset 0 4px 6px #00000008}.bar-model--change.is-pill-model .bar-box--tray-pill.is-active{transform:translateY(0)!important}.bar-model--change.is-pill-model .bar-box--tray-pill.token-1.is-active{background-color:#fff!important;border-color:#f97316!important;box-shadow:0 0 0 4px #f9731633,inset 0 4px 10px #0000000f!important}.bar-model--change.is-pill-model .bar-box--tray-pill.token-2.is-active{background-color:#fff!important;border-color:#a855f7!important;box-shadow:0 0 0 4px #a855f733,inset 0 4px 10px #0000000f!important}.bar-model--change.is-pill-model .bar-box--tray-pill.is-subtraction{color:#64748b;background-color:#fff6;background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#94a3b866 8px 10px);border:3px dashed #cbd5e1;box-shadow:inset 0 4px 10px #00000014}.bar-model--change.is-pill-model .bar-box--tray-pill.is-subtraction.is-active{background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#f871714d 8px 10px);color:#ef4444!important;border-color:#f87171!important;box-shadow:inset 0 4px 10px #00000014!important}.bar-model--change.is-pill-model .bar-box--tray-pill.is-subtraction.is-active .hide-on-focus{display:none}.compare-gap__left{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;width:auto;min-width:0;padding:3.5rem .5rem .2rem 0;display:flex}.compare-gap__left.is-editable .compare-gap__unknown-card{cursor:pointer}.compare-gap__left.is-active .compare-gap__unknown-card{border-color:#c7684f;transform:translateY(-1px);box-shadow:0 0 0 4px #c7684f24,0 16px 28px #3d405b17}.compare-gap__measure,.compare-guided__measure{--compare-guide-color:#3d405bd1;box-sizing:border-box;pointer-events:none;min-height:52px;position:absolute;top:18px;left:0}.compare-gap__measure:before,.compare-gap__measure:after,.compare-guided__measure:before,.compare-guided__measure:after{content:"";background:var(--compare-guide-color);border-radius:999px;position:absolute}.compare-gap__measure:before,.compare-guided__measure:before{width:4px;height:46px;top:50%;left:0;transform:translateY(-50%)}.compare-gap__measure:after,.compare-guided__measure:after{height:4px;top:50%;left:0;right:0;transform:translateY(-50%)}.compare-gap__measure.is-active{--compare-guide-color:#c7684f}.compare-gap__unknown-card{color:#3d405b;background:linear-gradient(#fffdfb 0%,#fff6ef 100%);border:2px dashed #3c84cebf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.32rem;width:min(160px,100%);min-height:84px;padding:.72rem .7rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex;box-shadow:inset 0 1px #fffffff5,0 10px 20px #3d405b0d}.compare-gap__unknown-card strong{color:#c7684f;font-size:2rem;line-height:1}.compare-gap__unknown-card span{color:#9198a5;text-transform:none;font-size:.78rem}.compare-gap__unknown-card:hover:enabled{background:linear-gradient(#fff8f2 0%,#fff0e4 100%)}.compare-gap__difference{min-height:88px;box-shadow:none;background:linear-gradient(#fff4c7 0%,#ffe8a3 100%);border-width:3px;border-color:#f09215f2;border-radius:4px}.compare-gap__difference strong{color:#5b4630}.compare-gap__difference span{color:#5b4630cc;text-transform:none}.compare-guided__unknown-column{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;padding-top:50px;display:flex;position:relative}.compare-guided__unknown-column .compare-guided__measure{width:100%}.compare-guided__unknown{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:0;margin:0 0 .15rem;padding:0;display:flex;position:relative}.compare-guided__mark{color:#c7684f;text-align:center;margin:0;padding:0;font-size:2rem;line-height:1;display:block}.compare-guided__difference{min-height:90px;box-shadow:none;background:linear-gradient(#fff4c7 0%,#ffe8a3 100%);border-color:#f09215f2;border-radius:4px}.compare-guided__difference strong{color:#5b4630}.compare-guided__difference span{color:#5b4630cc;text-transform:none}.bar-box--green{background:linear-gradient(#f4faef 0%,#edf7db 100%);border-color:#81b29ab8}.bar-box--blue{background:linear-gradient(#fffaf2 0%,#fdf0dd 100%);border-color:#f2cc8fe6}.bar-box--orange{background:linear-gradient(#fff5ec 0%,#fde6d5 100%);border-color:#c7684f6b}.bar-box--purple{background:linear-gradient(#fff8f3 0%,#f7e5d8 100%);border-color:#c7684f4d}.bar-box.is-editable{cursor:pointer;border-style:dashed;box-shadow:inset 0 0 0 1px #ffffffe0,0 10px 22px #3d405b0f}.equation-box--operator.is-active,.equation-box.is-active,.bar-box.is-active{z-index:10;cursor:pointer;border-style:dashed;border-color:#3d405b;animation:2s ease-in-out infinite breathingPulse;background:#fff!important}.equation-box.is-active:focus,.bar-box.is-active:focus{background-color:#fff!important;border-color:#3d405b!important;animation:2s ease-in-out infinite activeBreathe!important;transform:translateY(-1px)!important}.equation-box.is-active:focus strong:after,.bar-box.is-active:focus strong:after{border-radius:2px;width:3px}.equation-box.is-active strong:after,.bar-box.is-active strong:after{content:"|";color:#c7684f;margin-left:2px;font-weight:300;animation:1s step-end infinite blinkCaret;position:relative}.equation-box.is-active:has(.hide-on-focus) strong:after{margin-left:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.bar-box.is-active:has(.hide-on-focus) strong:after{margin-left:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.equation-box strong span.hide-on-focus,.bar-box strong span.hide-on-focus{font-size:inherit;color:#3d405b;text-transform:none}.equation-box.is-active .hide-on-focus,.bar-box.is-active .hide-on-focus{opacity:0}button.bar-box:focus,button.equation-box:focus,button.bar-box:active,button.equation-box:active{outline:none!important;transform:none!important}:is(.equation-box.is-active:not(:has(.hide-on-focus)),.bar-box.is-active:not(:has(.hide-on-focus)),.compare-gap__left.is-active:not(:has(.hide-on-focus))){box-shadow:0 0 0 4px #c7684f2e,0 10px 22px #3d405b14;border-style:solid!important;animation:none!important}@keyframes activeBreathe{0%,to{box-shadow:0 0 0 4px #3d405b4d,inset 0 4px 8px #0000000d}50%{box-shadow:0 0 0 8px #3d405b26,inset 0 4px 8px #0000000d}}.equation-box.is-locked strong:after,.equation-box.is-correct strong:after,.equation-box.is-wrong strong:after,.bar-box.is-locked strong:after,.bar-box.is-correct strong:after,.bar-box.is-wrong strong:after{content:none!important;animation:none!important;display:none!important}.worksheet.is-completed .worksheet__topline,.worksheet.is-completed .worksheet-title,.worksheet.is-completed .worksheet-help{opacity:.4;pointer-events:none;transition:all .6s}@keyframes blinkCaret{0%,to{opacity:1}50%{opacity:0}}.bar-box.is-unknown strong{color:#c7684f}.worksheet-keypad{background:linear-gradient(#fffffff0 0%,#fcf5ed 100%);border-radius:20px;width:min(100%,525px);margin:0 auto;box-shadow:0 20px 40px #3d405b14,inset 0 1px #ffffffeb}.worksheet-keypad__title{color:#3d405b;background:linear-gradient(#3d405b11 0%,#fbf2e8 100%);border-radius:20px 20px 0 0;font-size:.9rem;font-weight:700;box-shadow:inset 0 1px #fffffff5,0 12px 24px #3d405b0f;padding:.4rem 1rem!important}.worksheet-keypad__grid{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.6rem;display:grid}.worksheet-keypad__key,.worksheet-keypad__operator{cursor:pointer;color:#3d405b;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #f2cc8fcc;border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-family:ActualComicSans,cursive;font-size:1.25rem;font-weight:800;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 4px #fff,0 4px #e6d5c3,0 6px 8px #3d405b14}@media (max-width:43.75em){.worksheet-keypad__key,.worksheet-keypad__operator{min-height:40px;font-size:1.15rem}}@media (max-width:26.56em){.worksheet-keypad__key,.worksheet-keypad__operator{font-size:1.1rem}}@media (max-width:23.43em){.worksheet-keypad__key,.worksheet-keypad__operator{font-size:1rem}}.worksheet-keypad__key:hover:enabled,.worksheet-keypad__operator:hover:enabled{color:#c7684f;background:#fff3eb;transform:translateY(-2px);box-shadow:inset 0 4px #fff,0 6px #e6d5c3,0 10px 14px #3d405b1f}.worksheet-keypad__key:active:enabled,.worksheet-keypad__operator:active:enabled{background:#fdf5ef;transform:translateY(4px);box-shadow:inset 0 2px #ffffff80,0 0 #e6d5c3,0 2px 4px #3d405b14}.worksheet-keypad__operators{grid-template-columns:repeat(2,minmax(0,108px));justify-content:center;gap:.75rem;padding:0 1.2rem 1rem;display:grid}.worksheet-keypad__operator{border-radius:14px}.worksheet__helper{justify-content:space-between;gap:1rem;display:flex}@media (max-width:56.25em){.worksheet__helper{flex-direction:column;align-items:center}}.worksheet__helper__div{justify-content:center;width:100%;display:flex}@media (max-width:56.25em){.worksheet__helper__div{justify-content:space-between}}.worksheet-target-hint{text-align:center;color:#426486;background:linear-gradient(#f7fbff 0%,#eef7ff 100%);border:1px solid #3c84ce40;border-radius:18px;padding:.72rem 1rem;font-size:.97rem;font-weight:700;box-shadow:inset 0 1px #fffffff5,0 10px 22px #3d405b0a}.worksheet-solve{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;gap:.5rem;width:min(100%,450px);margin:0 auto;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0f172a08,0 12px 36px -4px #0f172a14}@media (max-width:56.25em){.worksheet-solve{gap:.55rem;width:min(100%,400px)}}@media (max-width:43.75em){.worksheet-solve{width:fit-content}}.worksheet-solve__equation{text-align:center;color:#3d405b;letter-spacing:1px;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;padding:1rem;font-size:2.4rem;font-weight:800;box-shadow:inset 0 2px 4px #0f172a08}@media (max-width:43.75em){.worksheet-solve__equation{font-size:1.6rem}}@media (max-width:26.56em){.worksheet-solve__equation{font-size:1.4rem}}@media (max-width:23.43em){.worksheet-solve__equation{font-size:1.2rem}}.worksheet-answer-field{cursor:pointer;max-width:400px;transform-style:preserve-3d;perspective:1000px;background:#f0f0f0;border:4px solid #3d405b;border-radius:16px;justify-content:center;align-items:center;gap:15px;margin:1.5rem auto;padding:15px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:10px 10px #3d405b}.worksheet-answer-field:before{content:"YOUR ANSWER";color:#3d405b;z-index:4;letter-spacing:1px;background:#f2cc8f;border:3px solid #3d405b;padding:5px 15px;font-size:14px;font-weight:900;transition:all .4s;position:absolute;top:-25px;left:10px;transform:translateZ(50px)}@media (max-width:43.75em){.worksheet-answer-field:before{font-size:12px}}.worksheet-answer-field input{color:#3d405b;z-index:3;text-align:center;background:#fff;border:3px solid #3d405b;border-radius:12px;outline:none;width:100%;padding:12px;font-size:1.7rem;font-weight:900;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;transform:translateZ(10px)}@media (max-width:56.25em){.worksheet-answer-field input{padding:10px;font-size:1.6rem}}@media (max-width:43.75em){.worksheet-answer-field input{padding:8px;font-size:1.5rem}}@media (max-width:26.56em){.worksheet-answer-field input{padding:8px;font-size:1.4rem}}@media (max-width:23.43em){.worksheet-answer-field input{font-size:1.2rem}}.worksheet-answer-field input::placeholder{color:#aaa;text-transform:uppercase;font-size:1.2rem}.worksheet-answer-field input:focus{background:#fff;transform:translateZ(30px)translate(-5px)translateY(-5px);box-shadow:8px 8px #3d405b}.worksheet-answer-field:hover{transform:rotateX(5deg)rotateY(-1deg)scale(1.02);box-shadow:20px 20px 0 -5px #f2cc8f,20px 20px #3d405b}.worksheet-answer-field.is-correct{background:#10b981;border-color:#3d405b}.worksheet-answer-field.is-correct:before{content:"Correct";background:#fff}.worksheet-answer-field.is-correct:after{content:"✓";color:#fff;z-index:5;background:#10b981;border:3px solid #3d405b;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:900;display:flex;position:absolute;top:-15px;right:-15px;transform:translateZ(60px);box-shadow:5px 5px #3d405b}.worksheet-answer-field.is-correct input{pointer-events:none;border-color:#3d405b;box-shadow:5px 5px #3d405b;color:#065f46!important;background-color:#f0fdf4!important}.worksheet-answer-field.is-wrong{background:#fecaca}.worksheet-answer-field.is-wrong:before{content:"Wrong";color:#fff;background:#f43f5e}.worksheet-answer-field.is-wrong:after{content:"✕";color:#fff;z-index:5;background:#f43f5e;border:3px solid #3d405b;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:900;display:flex;position:absolute;top:-15px;right:-15px;transform:translateZ(60px);box-shadow:5px 5px #3d405b}.worksheet-answer-field.is-wrong input{border-color:#3d405b;box-shadow:5px 5px #3d405b;color:#9f1239!important;background-color:#fff1f2!important}.worksheet-answer-field--guided{width:min(100%,420px);margin:.4rem auto 0}.worksheet-answer-field--guided span{color:#3d405b}.worksheet-answer-field--guided input{background:linear-gradient(#fff 0%,#f7fbff 100%);border:2px solid #3c84ce47;width:min(100%,420px);min-height:62px;box-shadow:inset 0 1px #fffffffa,0 14px 26px #3d405b0f}.worksheet-answer-field--guided input::placeholder{color:#7b91a8}.worksheet-answer-field--guided input:focus{border-color:#3c84ced1;box-shadow:0 0 0 4px #3c84ce1f,0 14px 26px #3d405b0f}.worksheet-feedback{text-align:center;color:#3d405b;width:min(100%,525px);margin:auto;padding:.95rem 0;font-size:1rem;font-weight:700}.worksheet-feedback.is-success{color:#44735f;opacity:1;background:linear-gradient(#f4faef 0%,#e9f6ec 100%);border:1px solid #81b29a66;animation:2s cubic-bezier(.175,.885,.32,1.275) flipInSuccess;transform:translateY(0)}.worksheet-feedback.is-error{color:#b65a4f;opacity:1;background:linear-gradient(#fff2ef 0%,#fde6e1 100%);border:1px solid #c7684f4d;animation:2s cubic-bezier(.36,.07,.19,.97) swingDownError}@keyframes flipInSuccess{0%{opacity:0;transform:perspective(400px)rotateX(90deg)scale(.9)}40%{opacity:1;transform:perspective(400px)rotateX(-10deg)scale(1.02)}70%{transform:perspective(400px)rotateX(5deg)scale(1)}to{transform:perspective(400px)rotateX(0)}}@keyframes swingDownError{0%{opacity:0;transform:perspective(400px)rotateX(-90deg)}40%{opacity:1;transform:perspective(400px)rotateX(15deg)}70%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)rotateX(0)}}.worksheet-verification{text-align:center;flex-direction:column;gap:.75rem;display:flex}.worksheet-verification p{color:#9198a5;margin:0;font-size:1rem}.worksheet-verification__equation{padding:1rem 1.1rem;font-size:1.8rem;font-weight:700}.worksheet-actions{min-width:200px;margin:0 auto}@media (max-width:56.25em){.worksheet-actions{width:200px}}@media (max-width:43.75em){.worksheet-actions{width:fit-content}}.worksheet-button{letter-spacing:.05rem;text-transform:uppercase;cursor:pointer;z-index:10;border:4px solid #1e293b;border-radius:99px;width:100%;min-height:64px;font-family:inherit;font-size:1.3rem;font-weight:900;transition:all .15s cubic-bezier(.34,1.56,.64,1);position:relative}@media (max-width:56.25em){.worksheet-button{min-height:54px;font-size:1.1rem}}@media (max-width:43.75em){.worksheet-button{font-size:1rem}}@media (max-width:26.56em){.worksheet-button{font-size:.9rem}}@media (max-width:23.43em){.worksheet-button{font-size:.8rem}}.worksheet-button--primary{color:#3d405b;background:#f2cc8f;box-shadow:0 8px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3}@media (max-width:43.75em){.worksheet-button--primary{padding:1rem 1.75rem}}@media (max-width:26.56em){.worksheet-button--primary{padding:.7rem 1.3rem}}@media (max-width:23.43em){.worksheet-button--primary{padding:.5rem 1rem}}.worksheet-button--primary:hover:enabled{background:#fcd34d;transform:translateY(2px);box-shadow:0 6px #1e293b,inset 0 -5px #0000001a,inset 0 4px #ffffffe6}.worksheet-button--primary:active:enabled{transform:translateY(8px);box-shadow:0 0 #1e293b,inset 0 -2px #0000001a,inset 0 2px #fff6}.worksheet-button--primary:disabled{color:#94a3b8;cursor:not-allowed;z-index:-10;background:#e2e8f0;border-color:#94a3b8;transform:translateY(0);box-shadow:0 8px #94a3b8,inset 0 -4px #0000000d}.worksheet-button--reveal{color:#3d405b;background:#f2cc8f;transition:all .15s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite gentle-float;position:relative;overflow:hidden;box-shadow:0 8px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3}.worksheet-button--reveal:hover:not(:disabled){background:#fcd34d;animation-play-state:paused;transform:translateY(2px);box-shadow:0 6px #3d405b,inset 0 -5px #0000001a,inset 0 4px #ffffffe6}.worksheet-button--reveal:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.worksheet-button--reveal:hover:not(:disabled):after{animation:.6s ease-out shine-swipe}.worksheet-button--reveal:active:not(:disabled){transform:translateY(8px);box-shadow:0 0 #3d405b,inset 0 -2px #0000001a,inset 0 2px #fff6}.worksheet-button--reveal:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-color:#94a3b8;animation:none;transform:translateY(0);box-shadow:0 8px #cbd5e1,inset 0 -4px #0000000d}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shine-swipe{0%{left:-150%}to{left:150%}}.worksheet-button--status{color:#1e293b;text-align:center;background:repeating-linear-gradient(-45deg,#fff,#fff 15px,#f1f5f9 15px 30px) 0 0/42px 42px;justify-content:center;align-items:center;padding:0 1.5rem;font-size:1rem;font-style:italic;line-height:1.3;animation:1s linear infinite toonStripe;display:flex}@media (max-width:43.75em){.worksheet-button--status{font-size:.7rem}}@keyframes toonStripe{0%{background-position:0 0}to{background-position:42px 0}}@media (max-width:768px){.worksheet{padding:1rem .95rem 1.35rem}.worksheet__topline{align-items:stretch}.equation-board{gap:.58rem}.equation-box{border-radius:18px;min-width:74px;min-height:96px}.worksheet-keypad,.worksheet-target-hint{width:100%}}@keyframes breathingPulse{0%{transform:scale(1)translateY(0);box-shadow:0 0 #c7684f80,0 10px 24px #3d405b0f}50%{transform:scale(1.06)translateY(-2px);box-shadow:0 0 0 12px #c7684f00,0 18px 32px #3d405b1f}to{transform:scale(1)translateY(0);box-shadow:0 0 #c7684f00,0 10px 24px #3d405b0f}}.equation-box,.bar-box,.compare-gap__unknown-card{position:relative}.equation-box.is-active:has(.hide-on-focus):after{content:"";filter:drop-shadow(0 4px 6px #c7684f59);z-index:50;pointer-events:none;border-bottom:14px solid #c7684f;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-left:-9px;animation:1s ease-in-out infinite pointUpBounce;position:absolute;bottom:-26px;left:50%}.bar-box.is-active:has(.hide-on-focus):after{content:"";filter:drop-shadow(0 4px 6px #c7684f59);z-index:50;pointer-events:none;border-bottom:14px solid #c7684f;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-left:-9px;animation:1s ease-in-out infinite pointUpBounce;position:absolute;bottom:-26px;left:50%}.compare-gap__left.is-active:has(.hide-on-focus) .compare-gap__unknown-card:after{content:"";filter:drop-shadow(0 4px 6px #c7684f59);z-index:50;pointer-events:none;border-bottom:14px solid #c7684f;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-left:-9px;animation:1s ease-in-out infinite pointUpBounce;position:absolute;bottom:-26px;left:50%}@keyframes pointUpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.worksheet-target-hint{text-align:center;color:#426486;background:linear-gradient(#fff 0%,#f0f7ff 100%);border:1px solid #3c84ce40;border-radius:999px;width:min(100%,320px);margin:1.5rem auto 0;padding:.6rem 1rem;font-size:.95rem;font-weight:700;position:relative;box-shadow:inset 0 1px #fffffff5,0 8px 16px #3d405b0a}.worksheet-target-hint strong{color:#24588e}.worksheet-utility-bar{justify-content:center;align-items:flex-end;height:45px;padding:0 .5rem;display:flex}@media (max-width:43.75em){.worksheet-utility-bar{flex-direction:column;align-items:center;gap:.6rem;height:auto}}.worksheet-utility-bar__left{height:inherit;gap:.1rem;width:fit-content;margin-right:auto;display:flex}@media (max-width:90em){.worksheet-utility-bar__left{font-size:.8rem}}@media (max-width:56.25em){.worksheet-utility-bar__left{font-size:.64rem}}@media (max-width:43.75em){.worksheet-utility-bar__left{width:-webkit-fill-available;margin-right:0;font-size:.74rem}}@media (max-width:26.56em){.worksheet-utility-bar__left{font-size:.7rem}}@media (max-width:23.43em){.worksheet-utility-bar__left{font-size:.6rem}}.worksheet-utility-bar__right{text-align:end;width:65%;height:inherit}@media (max-width:56.25em){.worksheet-utility-bar__right{width:62%}}@media (max-width:43.75em){.worksheet-utility-bar__right{width:fit-content}}.worksheet-help{text-align:center;color:#ffd166;cursor:pointer;height:inherit;white-space:nowrap;background:linear-gradient(#3d405b 0%,#1f2235 100%);border-radius:99px;outline:none;justify-content:center;align-items:center;padding:.6rem 1rem;font-family:inherit;font-weight:800;transition:background .3s,box-shadow .3s,transform .2s,padding .3s,border-radius .3s;display:inline-flex;box-shadow:3px 3px #e9b50b}@media (max-width:43.75em){.worksheet-help{padding:.3rem .8rem;font-size:1rem}}@media (max-width:23.43em){.worksheet-help{padding:.3rem;font-size:.8rem}}@media (max-width:56.25em){.sparkle__main{font-size:.8rem}}@media (max-width:43.75em){.sparkle__main{font-size:.8rem}}@media (max-width:26.56em){.sparkle__main{font-size:.7rem}}.worksheet-help .sparkle{opacity:.9;margin-right:8px;font-size:1.15rem;display:inline-block}.worksheet-help:not(.is-open):not(:hover) .sparkle{animation:2s ease-in-out infinite twinkleSparkle}.worksheet-help:not(.is-open):hover .sparkle{animation:.6s ease-in-out forwards spinSparkle}.worksheet-help:not(.is-open):hover{color:#fff;background:linear-gradient(#3d405b 0%,#1f2235 100%);animation-play-state:paused;transform:translateY(-4px)scale(1.06)!important}.worksheet-help:active{filter:brightness(.9);transform:translateY(2px)scale(.96)}.worksheet-help.is-open{color:#ffd166;white-space:normal;background:linear-gradient(#2a2d3e 0%,#1a1c29 100%);border-color:#ffd16699;line-height:1.4;transition:background .3s,box-shadow .3s,padding .3s,border-radius .3s;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards hintPop;box-shadow:0 0 0 4px #ffd16626,0 8px 16px #0003}@media (max-width:43.75em){.worksheet-help.is-open{padding:.6rem}}.worksheet-help.is-open:hover{background:linear-gradient(#3d405b 0%,#1f2235be 100%);box-shadow:inset 0 2px #ffffffe6,0 4px 12px #3d405b0d}.worksheet-help.is-open .sparkle{opacity:.85;animation:none;transform:none}.hint-text-reveal{opacity:0;animation:.6s ease-out 50ms forwards magicTextReveal;display:inline-block}@media (max-width:56.25em){.hint-text-reveal{font-size:.8rem}}@media (max-width:43.75em){.hint-text-reveal{font-size:.7rem}}@media (max-width:26.56em){.hint-text-reveal{font-size:.65rem}}@media (max-width:23.43em){.hint-text-reveal{font-size:.6rem}}@keyframes magicTextReveal{0%{opacity:0;filter:blur(8px);transform:translate(-15px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes twinkleSparkle{0%,to{opacity:.6;transform:scale(.9)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 4px #f2cc8fcc);transform:scale(1.15)rotate(8deg)}}@keyframes spinSparkle{0%{transform:rotate(0)scale(1)}50%{transform:rotate(18deg)scale(1.2)}to{transform:rotate(0)scale(1)}}@keyframes hintPop{0%{transform:scale(.95)}40%{transform:scale(1.02)}70%{transform:scale(.99)}to{transform:scale(1)}}.bar-model.is-pill-model .bar-box.is-subtraction{color:#64748b!important;background:repeating-linear-gradient(-45deg,#fff9,#fff9 8px,#94a3b859 8px 10px)!important;border:3px dashed #cbd5e1!important;box-shadow:inset 0 4px 10px #00000014!important}.bar-model.is-pill-model .bar-box.is-subtraction.is-active{color:#ef4444!important;background:repeating-linear-gradient(-45deg,#fff9,#fff9 8px,#f8717140 8px 10px)!important;border-color:#f87171!important}.bar-model .bar-box.is-missing-value{color:#ef4444!important;box-shadow:none!important;background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#94a3b826 8px 10px)!important;border:2px dashed #cbd5e1!important}.bar-model .bar-box.is-missing-value.is-active{box-shadow:none!important;background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#c7684f1a 8px 10px)!important;border-color:#f87171!important}.bar-model.is-pill-model .bar-box.is-missing-value{border-width:3px!important}@keyframes bar-success-bounce{0%{transform:scale(1)}40%{transform:scale(1.06)translateY(-10px)}70%{transform:scale(.98)translateY(2px)}to{transform:scale(1)translateY(0)}}@keyframes bar-error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.bar-box{transition:all .3s;position:relative}.bar-box.is-correct{z-index:10;background-color:#f0fdf4!important;border:3px solid #4ade80!important;animation:.6s ease-out forwards bar-success-bounce!important;box-shadow:0 0 25px #4ade8066!important}.bar-box.is-correct:after{content:"✨";font-size:1.6rem;animation:1s infinite alternate bar-success-bounce;position:absolute;top:-15px;right:-15px}.bar-box.is-wrong{background-color:#fef2f2!important;border:3px solid #f87171!important;animation:.4s cubic-bezier(.36,.07,.19,.97) both bar-error-shake!important}.bar-box{font-family:ActualComicSans,cursive;transition:all .3s;position:relative;color:#3d405b!important}.bar-box.is-correct{background-color:#fff!important;border:1px solid #e5e5e5!important;border-bottom:4px solid #22c55e!important;transform:translateY(-2px)!important;box-shadow:0 0 30px #22c55e40!important}.bar-box.is-correct strong,.bar-box.is-correct span{color:#16a34a!important}.bar-box.is-correct:after{content:"✓";color:#22c55e;text-shadow:0 0 8px #22c55e80;font-size:1.3rem;font-weight:800;position:absolute;top:10px;right:14px}.bar-box.is-wrong{background-color:#fff!important;border:1px solid #e5e5e5!important;border-bottom:4px solid #ef4444!important;animation:.3s ease-in-out both minimalShake!important;box-shadow:0 0 30px #ef444440!important}.bar-box.is-wrong strong,.bar-box.is-wrong span{color:#dc2626!important}.bar-box.is-wrong:after{content:"!";color:#be123c;background-color:#ffe4e6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;display:flex;position:absolute;top:10px;right:10px}@keyframes minimalShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes brutalShake{0%,to{transform:rotateX(5deg)rotateY(-1deg)scale(1.02)translate(0)}20%{transform:rotateX(5deg)rotateY(-1deg)scale(1.02)translate(-10px)}40%{transform:rotateX(5deg)rotateY(-1deg)scale(1.02)translate(10px)}60%{transform:rotateX(5deg)rotateY(-1deg)scale(1.02)translate(-10px)}80%{transform:rotateX(5deg)rotateY(-1deg)scale(1.02)translate(10px)}}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.worksheet-button--continue{color:#3d405b;cursor:pointer;z-index:10;background:linear-gradient(#fcd34d 0%,#f2cc8f 100%);border-color:#3d405b;border-radius:99px;justify-content:center;align-items:center;min-width:280px;margin:0 auto;padding:0 48px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3;width:max-content!important}.worksheet-button--continue svg{fill:#3d405b;z-index:9;width:26px;transition:all .5s cubic-bezier(.23,1,.32,1);top:50%;transform:translateY(-50%);position:absolute!important}.worksheet-button--continue .arr-1{right:20px}.worksheet-button--continue .arr-2{left:-40px}.worksheet-button--continue .circle{opacity:0;z-index:0;background-color:#3d405b;border-radius:50%;width:0;height:0;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.worksheet-button--continue .text{z-index:1;white-space:nowrap;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-6px)}.worksheet-button--continue:hover{color:#f2cc8f;border-radius:99px;transform:translateY(4px)!important}.worksheet-button--continue:hover .arr-1{right:-40px}.worksheet-button--continue:hover .arr-2{left:20px}.worksheet-button--continue:hover .text{transform:translate(10px)}.worksheet-button--continue:hover svg{fill:#f2cc8f}.worksheet-button--continue:hover .circle{opacity:1;width:600px;height:600px}.worksheet-button--continue:active{scale:.98;transform:translateY(8px)!important;box-shadow:0 0 #3d405b,inset 0 -1px #00000026,inset 0 2px #fff3!important}.worksheet-button--continue:disabled{cursor:not-allowed;border-radius:99px;color:#94a3b8!important;background:#e2e8f0!important;border:2px solid #cbd5e1!important;transform:translateY(6px)!important;box-shadow:0 2px #cbd5e1,inset 0 -2px #ffffff80!important}.worksheet-button--continue:disabled svg,.worksheet-button--continue:disabled .circle{display:none!important}.worksheet-button--continue:disabled .text{transform:translate(0)!important}.worksheet-button--continue:disabled:hover,.worksheet-button--continue:disabled:active,.worksheet-button--continue:disabled:focus{color:#94a3b8!important;background:#e2e8f0!important;border-color:#cbd5e1!important;outline:none!important;transform:translateY(6px)!important;box-shadow:0 2px #cbd5e1,inset 0 -2px #ffffff80!important}@keyframes continueBounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes continueGlowPulse{0%,to{box-shadow:0 8px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3,0 0 12px #f2cc8f80}50%{transform:scale(1.03);box-shadow:0 10px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3,0 0 24px #f2cc8fd9}}@keyframes continueShimmer{0%{left:-100%}to{left:150%}}@keyframes buttonBreathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.04);box-shadow:0 10px #3d405b,inset 0 -5px #00000026,inset 0 4px #ffffffb3}}@keyframes buttonPopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes glassShine{0%{transform:translate(-200%)skew(-25deg)}15%{transform:translate(250%)skew(-25deg)}to{transform:translate(250%)skew(-25deg)}}@keyframes keypadUnfold{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes keypadCollapse{0%{opacity:1;max-height:400px;transform:translateY(0)scale(1)}to{opacity:0;max-height:0;margin:0;transform:translateY(-20px)scale(.95)}}.keypad-animator{transform-origin:top;will-change:transform, opacity;opacity:0;overflow:hidden;transform:scaleY(0)}.keypad-animator.animate-unfold{animation:1s cubic-bezier(.34,1.56,.64,1) forwards keypadUnfold}.keypad-animator.is-hidden{pointer-events:none;animation:1s cubic-bezier(.4,0,.2,1) forwards keypadCollapse}.bar-box strong{transition:all .4s ease-out}.is-correct strong,.is-revealed strong{animation:.6s ease-out pulse-reveal}@keyframes pulse-reveal{0%{opacity:.5;transform:scale(1)}50%{opacity:1;filter:brightness(1.2);transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.is-correct strong{animation:.6s ease-out forwards pulse-reveal}.is-revealed-board{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:16px;padding:12px;animation:.7s cubic-bezier(.34,1.56,.64,1) forwards manifestFromAir;position:relative;overflow:hidden}.is-revealed-board:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;animation:1s ease-out .2s forwards revealShine;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.is-revealed-board input,.is-revealed-board .equation-slot{transition:all .3s;color:#664d03!important;background-color:#fff3cd!important;border-color:#ffe69c!important}@keyframes manifestFromAir{0%{opacity:0;filter:blur(12px);transform:translateY(20px)scale(.95)}50%{filter:blur()}70%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes revealShine{0%{left:-150%}to{left:200%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bar-box__placeholder{color:#94a3b8;opacity:.7;font-style:italic;font-weight:400}.change-identify__title__2b{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;margin:1rem 1rem 2rem;padding:.6rem;display:flex;position:relative;box-shadow:0 4px #f1f5f9}@media (max-width:43.75em){.change-identify__title__2b{margin-top:1.5rem;margin-left:0;margin-right:0}}.change-identify__title__2b p{color:#3d405b;margin:0;font-family:ActualComicSans,cursive;font-size:1.1rem;font-weight:600;line-height:1.55}@media (max-width:43.75em){.change-identify__title__2b p{font-size:.95rem}}@media (max-width:26.56em){.change-identify__title__2b p{font-size:.85rem}}@media (max-width:23.43em){.change-identify__title__2b p{font-size:.75rem}}.change-identify__title__2b strong{color:#e07a5f;font-style:normal;font-weight:700}.v-hint-text{margin-bottom:.2rem;font-family:ActualComicSans,cursive;font-size:.85rem!important}.change-identify__visual-blocks{display:flex}.v-math-row{justify-content:flex-start;align-items:center;gap:.35rem;margin-bottom:.2rem;display:flex}.v-operator{color:#3d405b;font-family:ActualComicSans,cursive;font-size:1.1rem;font-weight:900}.v-block{letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:24px;font-family:ActualComicSans,cursive;font-size:.72rem;font-weight:800;display:flex;box-shadow:inset 0 2px #fff6,0 2px #0000000d}.v-block--small{width:70px}@media (max-width:26.56em){.v-block--small{width:55px;font-size:.7rem!important}}@media (max-width:23.43em){.v-block--small{width:42px;font-size:.55rem!important}}.v-block--large{width:70px;font-size:.75rem}@media (max-width:26.56em){.v-block--large{width:55px;font-size:.7rem!important}}@media (max-width:23.43em){.v-block--large{width:42px;font-size:.55rem!important}}.v-block--start{color:#0369a1;background-color:#bae6fd;border-color:#7dd3fc;height:20px}.v-block--change{color:#a16207;background-color:#fef08a;border-color:#fde047;height:20px}.v-block--end{color:#15803d;background-color:#bbf7d0;border-color:#86efac;height:20px}.v-block--pulse{border-width:2px;height:18px;animation:2s ease-in-out infinite visualPulse}@keyframes visualPulse{0%,to{transform:scale(1);box-shadow:inset 0 2px #fff6,0 2px #0000000d}50%{transform:scale(1.05);box-shadow:inset 0 2px #ffffff80,0 4px 10px #3d405b26}}.v-action-tag{letter-spacing:.02em;z-index:10;border-radius:99px;padding:.4rem 1.1rem;font-family:ActualComicSans,cursive;font-size:.85rem;font-weight:800;position:absolute;top:-10px;right:16px;box-shadow:0 4px 8px #00000014}@media (max-width:43.75em){.v-action-tag{top:-20px;right:7px}}@media (max-width:26.56em){.v-action-tag{font-size:.75rem}}@media (max-width:23.43em){.v-action-tag{font-size:.65rem}}.v-action-tag--step2a{color:#a16207;text-transform:capitalize;letter-spacing:.3px;z-index:10;background-color:#fef08a;border:3px solid #fde047;border-radius:999px;margin:1rem 1rem 0;padding:.4rem 1.4rem;font-size:.85rem;font-weight:800;position:absolute;top:-10px;right:16px;transform:translateY(-50%);box-shadow:none!important}@media (max-width:43.75em){.v-action-tag--step2a{top:-20px;right:7px}}@media (max-width:26.56em){.v-action-tag--step2a{font-size:.75rem}}@media (max-width:23.43em){.v-action-tag--step2a{font-size:.65rem}}.v-action-tag--end{color:#14532d;background:#dcfce7;border:1px solid #4ade80;align-items:center;gap:.2rem;display:flex}.v-action-tag--start{color:#0c4a6e;background:#e0f2fe;border:1px solid #38bdf8;align-items:center;gap:.25rem;display:flex}.v-hint-text{color:#3d405b;margin:0;font-family:ActualComicSans,cursive;line-height:1.2;font-size:.8rem!important}@media (max-width:43.75em){.v-hint-text{font-size:.75rem!important}}@media (max-width:26.56em){.v-hint-text{font-size:.7rem!important}}@media (max-width:23.43em){.v-hint-text{font-size:.6rem!important}}.v-hint-text strong{color:#c7684f;font-weight:800}.hint-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;padding:2.5rem 2rem 2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.change-identify__hint{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:1050px;max-height:90vh;margin:0;padding:1.5rem 1.4rem 1.2rem;position:relative;overflow:hidden auto;box-shadow:0 8px #e6b85c,0 16px 32px #3d405b1a,inset 0 2px #ffffffe6}.change-identify__hint:before{content:"";background:#fcd34d;border-radius:0 0 6px 6px;width:40%;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.change-identify__hint .hint-header{text-transform:capitalize;color:#3d405b;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin-bottom:3rem;font-size:2.5rem;font-weight:800;display:flex}@media (max-width:43.75em){.change-identify__hint .hint-header{margin-bottom:2rem;font-size:1.5rem}}@media (max-width:26.56em){.change-identify__hint .hint-header{margin-bottom:1.5rem;font-size:1.25rem}}@media (max-width:23.43em){.change-identify__hint .hint-header{margin-bottom:1rem;font-size:1rem}}.change-identify__hint .hint-header__main{text-transform:uppercase;color:#e07a5f;margin:0;display:inline-flex}.change-identify__hint .hint-icon{font-size:1.6rem}.change-identify__hint .hint-question{color:#3d405b;margin:.5rem 0 1.2rem;font-size:1.4rem;font-weight:600}.change-identify__hint .hint-question em{color:#b45309;border-bottom:2px dashed #fcd34d;margin-left:.3rem;font-style:normal;font-weight:800}@media (max-width:56.25em){.change-identify__hint .hint-question{font-size:1.1rem}}@media (max-width:43.75em){.change-identify__hint .hint-question{font-size:.9rem}}@media (max-width:26.56em){.change-identify__hint .hint-question{font-size:.8rem}}@media (max-width:23.43em){.change-identify__hint .hint-question{font-size:.75rem}}.change-identify__hint .hint-list{font-family:ActualComicSans,cursive}@media (max-width:43.75em){.change-identify__hint .hint-list{padding:0 1rem;font-size:.75rem}}@media (max-width:26.56em){.change-identify__hint .hint-list{font-size:.65rem}}@media (max-width:23.43em){.change-identify__hint .hint-list{padding:0 0 0 1rem;font-size:.6rem}}.change-identify__hint .hint-text{color:#3d405b;text-align:left;background:#fff;border-left:6px solid #fcd34d;border-radius:16px;max-width:80%;margin:0 auto 1.8rem;padding:1.2rem 1.5rem;font-size:.9rem;line-height:1.7;position:relative;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014;font-weight:100!important}.change-identify__hint .hint-text p{color:inherit;margin:0}.change-identify__hint .hint-text strong{border-radius:6px;padding:.1rem .4rem;font-weight:800}.change-identify__hint .hint-text em{color:#e07a5f;border-bottom:2px dashed #e07a5f;font-style:normal;font-weight:700}.change-identify__hint .hint-text-tag{color:#3d405b;text-align:center;background-color:#fef08a;border:2px solid #3d405b;border-radius:99px;width:90%;max-width:max-content;padding:.35rem 1.2rem;font-size:.85rem;font-weight:700;line-height:1.3;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000000f}@media (max-width:43.75em){.change-identify__hint .hint-text-tag{font-size:.75rem}}@media (max-width:23.43em){.change-identify__hint .hint-text-tag{font-size:.65rem}}.change-identify__hint .hint-models{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-bottom:1.4rem;display:flex}@media (max-width:43.75em){.change-identify__hint .hint-models{flex-wrap:nowrap;gap:1rem;margin-bottom:1.4rem}}@media (max-width:26.56em){.change-identify__hint .hint-models{gap:.3rem}}.change-identify__hint .hint-model{flex-direction:column;align-items:center;gap:.5rem;display:flex}.change-identify__hint .hint-label{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-top:.2rem;padding:.2rem 1rem;font-size:.85rem;font-weight:900}.change-identify__hint .hint-label.increase{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}@media (max-width:43.75em){.change-identify__hint .hint-label.increase{font-size:.8rem}}@media (max-width:26.56em){.change-identify__hint .hint-label.increase{font-size:.7rem}}@media (max-width:23.43em){.change-identify__hint .hint-label.increase{font-size:.6rem}}.change-identify__hint .hint-label.decrease{color:#b91c1c;background:#fee2e2;border:1.5px solid #fca5a5}@media (max-width:43.75em){.change-identify__hint .hint-label.decrease{font-size:.8rem}}@media (max-width:26.56em){.change-identify__hint .hint-label.decrease{font-size:.7rem}}@media (max-width:23.43em){.change-identify__hint .hint-label.decrease{font-size:.6rem}}.change-identify__hint .hint-desc{color:#64748b;font-size:.82rem;font-weight:600}@media (max-width:43.75em){.change-identify__hint .hint-desc{font-size:.8rem}}@media (max-width:26.56em){.change-identify__hint .hint-desc{font-size:.7rem}}@media (max-width:23.43em){.change-identify__hint .hint-desc{font-size:.6rem}}.hint-bar-model{pointer-events:none;gap:5px;width:250px}@media (max-width:43.75em){.hint-bar-model{width:150px}}@media (max-width:26.56em){.hint-bar-model{width:fit-content}}.hint-bar-block{padding:.45rem .4rem}.hint-bar-bottom{gap:3px}.hint-bar-start{flex:6}.hint-bar-change,.hint-bar-end{flex:4}.hint-bar-title{font-size:.9rem;font-weight:700}@media (max-width:26.56em){.hint-bar-title{font-size:.7rem}}@media (max-width:23.43em){.hint-bar-title{font-size:.5rem}}.hint-list__end{margin-bottom:.2rem}.hint-list__end strong{color:#15803d;background-color:#bbf7d0;border-color:#4ade80}.hint-list__start strong{color:#0369a1;background-color:#bae6fd;border-color:#38bdf8}.hint-dismiss-btn{letter-spacing:.5px;border-radius:999px;width:fit-content;min-height:auto;padding:.6rem 2rem;font-size:1.2rem;box-shadow:0 4px #3d405b,inset 0 -3px #0000001a,inset 0 2px #fff9}.hint-dismiss-btn:hover{background:#fcd34d;transform:translateY(2px);box-shadow:0 2px #3d405b,inset 0 -3px #0000001a,inset 0 2px #fff9}.change-identify__hint-reopen{all:unset;color:#e07a5f;cursor:pointer;align-items:center;font-size:.85rem;font-weight:700;transition:all .2s;animation:2s ease-in-out infinite visualPulseEnhanced;display:inline-flex}.change-identify__hint-reopen:hover{transform:scale(1.1)}@keyframes visualPulseEnhanced{0%,to{border-radius:50%;transform:scale(1);box-shadow:0 0 #e07a5f99,0 4px 6px #3d405b0f}50%{border-radius:50%;transform:scale(1.06);box-shadow:0 0 0 6px #e07a5f26,0 8px 16px #3d405b33}}.ghost-debug-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:9999;pointer-events:none;background:#0a0a0ff5;border:1px solid #a855f766;border-radius:12px;width:170px;padding:14px;font-family:ActualComicSans,cursive;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 40px #000c}.ghost-debug-panel .ghost-header{color:#a855f7;text-transform:uppercase;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;font-size:.7rem;font-weight:800;display:flex}.ghost-debug-panel .ghost-header svg{color:#a855f7}.ghost-debug-panel .ghost-divider{border:0;border-top:1px solid #fff3;margin:8px 0}.ghost-debug-panel .ghost-row{justify-content:space-between;align-items:center;min-height:1.2rem;margin-bottom:4px;display:flex}.ghost-debug-panel .ghost-row label{color:#fff6;white-space:nowrap;font-size:.65rem}.ghost-debug-panel .ghost-row span{font-size:.7rem;font-weight:600}.ghost-debug-panel .ghost-row span.mastered{color:#4ade80;text-shadow:0 0 5px #4ade8080}.ghost-debug-panel .ghost-row .node-name{color:#f1bd68}.ghost-debug-panel .status-pill{border-radius:4px;padding:1px 6px;font-size:.55rem;font-weight:900}.ghost-debug-panel .status-pill.unlocked{color:#a855f7;background:#a855f733}.ghost-debug-panel .status-pill.ready{color:#064e3b;background:#4ade80;box-shadow:0 0 10px #4ade80}.ghost-debug-panel .ghost-progress-bar{background:#ffffff1a;border-radius:10px;height:6px;margin:8px 0;overflow:hidden}.ghost-debug-panel .ghost-progress-bar .fill{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.ghost-debug-panel .mini-labels{color:#ffffff4d;border-top:1px dashed #ffffff1a;margin-top:6px;padding-top:6px;font-size:.6rem}.ghost-debug-panel .mini-labels.history-section{justify-content:space-between}.ghost-debug-panel .mini-labels .history-dots{gap:3px;display:flex}.ghost-debug-panel .mini-labels .history-dots .dot{font-size:11px;line-height:1}.ghost-debug-panel .mini-labels .history-dots .dot.green{color:#4ade80}.ghost-debug-panel .mini-labels .history-dots .dot.red{color:#f87171}.mini-barmodel-icon{flex-direction:column;justify-content:center;gap:3px;width:35px;display:flex}.mini-barmodel-icon__row{gap:3px;width:100%;display:flex}.mini-block{border-radius:3px;height:8px;box-shadow:inset 0 1px 1px #ffffff80,0 1px 1px #0000000d}.mini-block--green{background-color:#4ade80;border:1px solid #22c55e;width:100%}.mini-block--blue{background-color:#93c5fd;border:1px solid #60a5fa;flex:1.4}.mini-block--yellow{background-color:#fcd34d;border:1px solid #fbbf24;flex:.8}.change-identify__title-icon{background:#f8fafc;border:1px solid #e2e8f0}.wizard-select{-webkit-user-select:none;user-select:none;outline:none;width:100%;position:relative}.wizard-select.is-disabled{opacity:.6;cursor:not-allowed}.wizard-select.is-disabled .wizard-select__trigger{cursor:not-allowed;background:#f1f5f9}.wizard-select__trigger{color:#5f91e0;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;height:2.7rem;padding:0 1rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}@media (max-width:56.25em){.wizard-select__trigger{height:2.5rem;font-size:1rem}}@media (max-width:43.75em){.wizard-select__trigger{font-size:.9rem}}@media (max-width:23.43em){.wizard-select__trigger{font-size:.8rem}}.wizard-select__trigger span.is-placeholder{color:#5f91e0}@media (max-width:43.75em){.wizard-select__trigger span.is-placeholder{font-size:.9rem}}@media (max-width:23.43em){.wizard-select__trigger span.is-placeholder{font-size:.8rem}}.wizard-select__trigger .wizard-select__icon{color:#64748b;transition:transform .3s}.wizard-select__trigger:hover{border-color:#94a3b8}.wizard-select__trigger.is-open{border-color:#6fa3f8;box-shadow:0 0 0 4px #6fa3f826}.wizard-select__trigger.is-open .wizard-select__icon{color:#3b82f6;transform:rotate(180deg)}.wizard-select__menu{background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;max-height:250px;margin:0;padding:.6rem;list-style:none;animation:.2s cubic-bezier(.34,1.56,.64,1) menuFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #3d405b1f,0 8px 10px -6px #3d405b14;z-index:999!important}.wizard-select__option{color:#475569;cursor:pointer;border-radius:10px;align-items:center;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}@media (max-width:43.75em){.wizard-select__option{font-size:.9rem}}@media (max-width:23.43em){.wizard-select__option{font-size:.8rem}}.wizard-select__option:hover{color:#3b82f6;background:#f8fbff;transform:translate(6px)}.wizard-select__option.is-selected{color:#2563eb;background:#eff6ff;font-weight:900}.wizard-select__option.is-selected:before{content:"";background-color:#3b82f6;border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block;box-shadow:0 0 8px #3b82f666}.wizard-select__option.is-placeholder-option{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-bottom:2px dashed #e2e8f0;border-radius:0;margin-bottom:.4rem;padding:.5rem 1rem .8rem;font-size:.8rem;font-style:normal;font-weight:800}.wizard-select__option.is-placeholder-option:hover{background:0 0;transform:none}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ghost-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ghost-select,.ghost-input{opacity:.8;font-family:ActualComicSans,cursive;background-color:#0000!important;background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,#94a3b814 10px 14px)!important;background-repeat:no-repeat!important;background-size:200% 100%!important;border:2px dashed #94a3b866!important;animation:2s ease-in-out infinite ghost-shimmer!important;transform:translateY(0)!important;box-shadow:inset 0 6px 12px #0000000f!important}.ghost-select::-moz-placeholder{letter-spacing:.02em;opacity:.8;font-family:ActualComicSans,cursive;color:#94a3b8!important;background:0 0!important;font-style:normal!important;font-weight:400!important}.ghost-input::-moz-placeholder{letter-spacing:.02em;opacity:.8;font-family:ActualComicSans,cursive;color:#94a3b8!important;background:0 0!important;font-style:normal!important;font-weight:400!important}.ghost-select strong,.ghost-select span,.ghost-select::placeholder,.ghost-select[placeholder],.ghost-input strong,.ghost-input span,.ghost-input::placeholder,.ghost-input[placeholder]{letter-spacing:.02em;opacity:.8;font-family:ActualComicSans,cursive;color:#94a3b8!important;background:0 0!important;font-style:normal!important;font-weight:400!important}.ghost-select strong,.ghost-input strong{letter-spacing:.02em;opacity:.8;font-family:ActualComicSans,cursive;font-size:1.1rem;color:#94a3b8!important;background:0 0!important;font-style:normal!important;font-weight:800!important}@media (max-width:43.75em){.ghost-select strong,.ghost-input strong{font-size:.8rem}}@media (max-width:26.56em){.ghost-select strong,.ghost-input strong{font-size:.7rem}}@media (max-width:23.43em){.ghost-select strong,.ghost-input strong{font-size:.6rem}}.ghost-select::-moz-placeholder{font-family:ActualComicSans,cursive;opacity:1!important;font-style:normal!important;font-weight:400!important}.ghost-input::-moz-placeholder{font-family:ActualComicSans,cursive;opacity:1!important;font-style:normal!important;font-weight:400!important}.ghost-select::placeholder,.ghost-select[placeholder],.ghost-input::placeholder,.ghost-input[placeholder]{font-family:ActualComicSans,cursive;opacity:1!important;font-style:normal!important;font-weight:400!important}.bar-model{font-family:ActualComicSans,cursive}.bar-model .bar-box.ghost-input{font-family:ActualComicSans,cursive;background-color:#0000!important;background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,#94a3b814 10px 14px)!important;background-repeat:no-repeat!important;background-size:200% 100%!important;border:2px dashed #94a3b866!important;animation:2s ease-in-out infinite ghost-shimmer!important;transform:translateY(0)!important;box-shadow:inset 0 6px 12px #0000000f!important}.bar-model .bar-box.ghost-input strong{letter-spacing:.02em;opacity:.8;font-family:ActualComicSans,cursive;font-size:1.1rem;color:#94a3b8!important;background:0 0!important;font-style:normal!important;font-weight:400!important}@media (max-width:43.75em){.bar-model .bar-box.ghost-input strong{font-size:1rem}}@media (max-width:26.56em){.bar-model .bar-box.ghost-input strong{font-size:.9rem}}@media (max-width:23.43em){.bar-model .bar-box.ghost-input strong{font-size:.8rem}}.bar-model .bar-box.ghost-input span{letter-spacing:.04em;text-transform:lowercase;font-family:ActualComicSans,cursive;font-size:.68rem;font-weight:400;color:#94a3b8!important;background:0 0!important;font-style:normal!important}.shimmer-wrapper{border-radius:8px;width:100%;height:42px;position:relative;overflow:hidden}.shimmer-wrapper:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);width:200%;height:100%;animation:2s ease-in-out infinite ghost-shimmer;position:absolute;top:0;left:0}.shimmer-wrapper .worksheet-input.ghost-input{z-index:1;width:100%;height:100%;position:relative;background:0 0!important;border:1.5px dashed #cbd5e1!important}.shimmer-wrapper .worksheet-input.ghost-input::placeholder{color:#94a3b8!important;font-style:normal!important}.worksheet-input.ghost-input.shimmer-div{opacity:.8;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;height:2.7rem;padding:0 1rem;font-family:ActualComicSans,cursive;font-size:1.1rem;transition:all .2s;display:flex;color:#94a3b8!important}@media (max-width:56.25em){.worksheet-input.ghost-input.shimmer-div{height:2.5rem;font-size:1rem}}@media (max-width:43.75em){.worksheet-input.ghost-input.shimmer-div{font-size:.9rem}}@media (max-width:23.43em){.worksheet-input.ghost-input.shimmer-div{font-size:.8rem}}.equation-box.ghost-input span{color:#94a3b8!important;font-style:normal!important}.equation-box--operator.ghost-input strong{color:#94a3b8!important}.bar-model.is-pill-model .bar-box--ghost,.bar-model.is-pill-model .is-missing-value{background-color:#f1f5f999!important;background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,#94a3b814 10px 14px)!important;border:2px dashed #94a3b866!important;transform:translateY(0)!important;box-shadow:inset 0 6px 12px #0000000f!important}.bar-model.is-pill-model .bar-box--ghost strong,.bar-model.is-pill-model .bar-box--ghost span,.bar-model.is-pill-model .is-missing-value strong,.bar-model.is-pill-model .is-missing-value span{opacity:.65;color:#64748b!important}.mastery-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1c29d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out forwards overlayFadeIn;display:flex;position:fixed;top:0;left:0}.mastery-modal-overlay .mastery-modal-content{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards modalBounceIn}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mastery-modal-content{text-align:center;background:#fff;border:4px solid #3d405b;border-radius:20px;width:95%;max-width:440px;padding:4.5rem 2.5rem 2.5rem;transition:all 1s;position:relative;overflow:visible;box-shadow:10px 10px #3d405b}.mastery-modal-content .modal-ribbon-wrapper{pointer-events:none;z-index:1;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mastery-modal-content .modal-ribbon-wrapper:after{content:"MASTERED";color:#3d405b;background:#f2cc8f;border:3px solid #3d405b;padding:6px 40px;font-size:.85rem;font-weight:900;position:absolute;top:25px;right:-35px;transform:rotate(45deg)}.mastery-modal-content .modal-icon-container{z-index:10;background:#f2cc8f;border:5px solid #3d405b;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:6px 6px #3d405b}.mastery-modal-content .modal-icon-container .trophy-icon{color:#fff}.mastery-modal-content .modal-title{color:#e07a5f;font-size:2.2rem;font-weight:900}@media (max-width:43.75em){.mastery-modal-content .modal-title{font-size:1.6rem}}.mastery-modal-content .stats-container{gap:1.2rem;margin-bottom:2.5rem;display:flex}.mastery-modal-content .stats-container .stat-box{background:#fdfbf7;border:3px solid #3d405b;border-radius:12px;flex:1;padding:1.2rem .5rem;box-shadow:4px 4px #3d405b}.mastery-modal-content .stats-container .stat-box .stat-label{color:#f2cc8f;text-transform:uppercase;font-weight:900}.mastery-modal-content .stats-container .stat-box .stat-value{color:#3d405b;font-size:1.8rem;font-weight:900}.mastery-modal-content .modal-actions{flex-direction:column;gap:1rem;display:flex}.mastery-modal-content .modal-actions button{text-transform:uppercase;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:1rem;font-weight:900;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,background-color .15s;display:flex}.mastery-modal-content .modal-actions .primary-btn{background:#f2cc8f}@media (max-width:26.56em){.mastery-modal-content .modal-actions .primary-btn{font-size:1.1rem}}.mastery-modal-content .modal-actions .primary-btn{color:#3d405b;border:3px solid #3d405b;font-family:ActualComicSans,cursive;font-size:1.3rem;box-shadow:6px 6px #3d405b}.mastery-modal-content .modal-actions .primary-btn:hover{background:#fff;transform:translate(-3px,-3px);box-shadow:9px 9px #3d405b}.mastery-modal-content .modal-actions .primary-btn:active{transform:translate(6px,6px);box-shadow:0 0 #3d405b}.mastery-modal-content .modal-actions .primary-btn svg{width:25px;height:25px}.mastery-modal-content .modal-actions .secondary-btn{font-size:1.3rem}@media (max-width:26.56em){.mastery-modal-content .modal-actions .secondary-btn{font-size:1.1rem}}.mastery-modal-content .modal-actions .secondary-btn{color:#fff;background:#3d405b;border:3px solid #3d405b;font-family:ActualComicSans,cursive;box-shadow:4px 4px #0000001a}.mastery-modal-content .modal-actions .secondary-btn:hover{background:#4b4e6d;transform:translate(-2px,-2px);box-shadow:6px 6px #0003}.mastery-modal-content .modal-actions .secondary-btn:active{transform:translate(4px,4px);box-shadow:0 0 #0000001a}@media (max-width:43.75em){.mastery-modal-content{padding:2.5rem 1.5rem 1.5rem}}.highlight1,.highlight2,.highlight3{color:#f2cc8f;font-weight:800}.home-page{color:#3d405b;max-width:1180px;min-height:86vh;margin:0 auto;font-family:ActualComicSans,cursive}.game-header{justify-content:space-between;align-items:center;gap:1rem;margin:.4rem .5rem .4rem 0;padding:.4rem;display:flex}@media (max-width:43.75em){.game-header{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;padding:0}}.game-header .game-title{color:#1e3a8a;margin:0;font-size:2rem;font-weight:800}@media (max-width:43.75em){.game-header .player-badge-div{justify-content:center;width:-webkit-fill-available;display:flex}}.game-header .player-badge{color:#fff;text-shadow:none;cursor:pointer;background:linear-gradient(#3d405b 0%,#1f2235 100%);border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:9999px;padding:9px 10px;font-family:ActualComicSans,cursive;font-size:.8rem;font-weight:700;box-shadow:0 4px 8px #0000001a}@media (max-width:56.25em){.game-header .player-badge{width:fit-content;font-size:.85rem}}@media (max-width:43.75em){.game-header .player-badge{flex:1;justify-content:center;width:fit-content;font-size:.82rem}}@media (max-width:26.56em){.game-header .player-badge{font-size:.72rem}}@media (max-width:23.43em){.game-header .player-badge{font-size:.62rem}}.game-header .player-badge{cursor:default;align-items:center;transition:all .5s ease-in-out;display:flex}.game-header .player-badge__name{margin-left:6px}.game-header .player-badge strong{opacity:1;white-space:nowrap;color:#fff;max-width:0;text-shadow:none;margin-right:0;transition:max-width .8s ease-in-out,opacity .8s ease-in-out,margin .8s;overflow:hidden}.game-header .player-badge:hover strong{opacity:1;color:#f2e9e4;max-width:1000px;text-shadow:none;margin-right:.5rem}.home-layout{justify-content:center;margin:0 auto 2rem;display:flex}.status-card{text-align:center;color:#3d405b;background:linear-gradient(#fffefb 0%,#fff7ef 100%);border:1px solid #f2cc8fb8;border-radius:28px;padding:2rem;font-size:1.12rem;font-weight:700;box-shadow:0 22px 42px #3d405b14,inset 0 1px #fffffff5}.status-card.master{color:#44735f;background:linear-gradient(#f8fcf8 0%,#eef7f0 100%);border-color:#81b29a85;margin:auto}@media (max-width:43.75em){.status-card.master{font-size:1rem}}@media (max-width:26.56em){.status-card.master{font-size:.8rem}}@media (max-width:23.43em){.status-card.master{font-size:.7rem}}.status-card .status-card.error-msg{text-align:center;background-color:#fef2f2;border:4px solid #fecaca;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;max-width:420px;margin:2rem auto;padding:2.5rem 2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards errorPopIn;display:flex;box-shadow:inset 0 4px #fff,0 8px #fca5a5,0 15px 30px #ef444426}.status-card .error-msg__icon{color:#ef4444;background:#fff;border:3px solid #fecaca;border-radius:50%;width:64px;height:64px;margin-bottom:1rem;padding:12px;box-shadow:inset 0 -3px #ef44441a,0 4px #fca5a5}.status-card .error-msg__icon svg{width:100%;height:100%}.status-card .error-msg__content{margin-bottom:1.5rem}.status-card .error-msg__title{color:#991b1b;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1.5px #fffc;margin:0 0 .5rem;font-family:ActualComicSans,Comic Sans MS,cursive;font-size:1.5rem;font-weight:900}.status-card .error-msg__text{color:#b91c1c;opacity:.9;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.status-card .error-msg__button{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#ef4444;border:2px solid #b91c1c;border-radius:16px;outline:none;padding:.8rem 1.5rem;font-family:ActualComicSans,Comic Sans MS,cursive;font-size:1.1rem;font-weight:800;transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 3px #fff6,0 6px #991b1b}.status-card .error-msg__button:hover{background-color:#dc2626;transform:translateY(2px);box-shadow:inset 0 3px #fff6,0 4px #991b1b}.status-card .error-msg__button:active{transform:translateY(6px);box-shadow:inset 0 1px #fff6,0 0 #0000}@keyframes errorPopIn{0%{opacity:0;transform:translateY(40px)scale(.9)}50%{opacity:1;transform:translateY(-10px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.home-page{padding:1rem .85rem 1.6rem}.player-badge{flex-direction:row;align-items:flex-start}.practice-summary{flex-wrap:wrap;justify-content:space-between;width:100%}}@media (max-width:768px) and (max-width:43.75em){.practice-summary{width:fit-content}.practice-summary__stat{flex:1}.practice-summary__stat strong{font-size:.85rem}}@media (max-width:768px) and (max-width:26.56em){.practice-summary__stat strong{font-size:.8rem}}@media (max-width:768px) and (max-width:23.43em){.practice-summary__stat strong{font-size:.7rem}}@media (max-width:768px) and (max-width:43.75em){.practice-summary__label{font-size:.7rem}}@media (max-width:768px) and (max-width:26.56em){.practice-summary__label{font-size:.5rem}}@media (max-width:768px){.player-badge__copy strong{font-size:1.22rem}}.streak__badge{color:#fff;border-radius:10px;width:fit-content;padding:9px 22px;font-family:ActualComicSans,cursive;font-size:.8rem;font-weight:800;position:relative;overflow:hidden}@media (max-width:56.25em){.streak__badge{font-size:.85rem}}@media (max-width:43.75em){.streak__badge{text-align:center;flex:1}}.streak__badge{background:linear-gradient(#3d405b 0%,#1f2235 100%);border:1px solid #ffffff26}.streak__badge:before{content:"";background:linear-gradient(90deg,#0000,#fbbf241f,#0000);width:50%;height:100%;animation:2.5s ease-in-out infinite amberShimmer;position:absolute;top:0;left:-100%}.streak__badge.pop-active{animation:.5s cubic-bezier(.25,1.5,.5,1) popBounce}.streak__badge.shake-active{background-color:#b91c1c;border-color:#ffffff26;animation:.5s ease-in-out shakeError}.streak__badge.shake-active .highlight1,.streak__badge.shake-active .highlight2{text-shadow:none;color:#f2cc8f}@media (max-width:43.75em){.streak__badge{width:fit-content;font-size:.72rem}}@media (max-width:26.56em){.streak__badge{font-size:.62rem}}@media (max-width:23.43em){.streak__badge{font-size:.47rem}}@keyframes amberShimmer{0%{left:-100%}to{left:200%}}@keyframes popInBounce{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.top{background:linear-gradient(90deg,#0000 50%,#ff313180,#ff3131);width:0;height:5px;top:0;left:0}.bottom{background:linear-gradient(90deg,#39ff14,#39ff1480,#0000 50%);height:5px;bottom:0;right:0}.right{background:linear-gradient(#0000 30%,#00ffff80,#0ff);width:5px;height:0;top:0;right:0}.left{background:linear-gradient(#ffff71,#ffff7180,#0000 70%);width:5px;height:0;bottom:0;left:0}.top{animation:3s ease-in-out infinite animateTop}.bottom{animation:3s ease-in-out infinite animateBottom}.right{animation:3s ease-in-out infinite animateRight}.left{animation:3s ease-in-out infinite animateLeft}@keyframes animateTop{25%{opacity:1;width:100%}30%,to{opacity:0}}@keyframes animateBottom{0%,50%{opacity:0;width:0}75%{opacity:1;width:100%}76%,to{opacity:0}}@keyframes animateRight{0%,25%{opacity:0;height:0}50%{opacity:1;height:100%}55%,to{opacity:0;height:100%}}@keyframes animateLeft{0%,75%{opacity:0;height:0;bottom:0}to{opacity:1;height:100%}}.top,.bottom,.right,.left{border-radius:100vmax;position:absolute}.mastery-complete-banner{text-align:center;background:#fff;border:4px solid #3d405b;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;max-width:550px;margin:4rem auto;padding:3rem 2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) bannerPop;display:flex;position:relative;box-shadow:10px 10px #3d405b}@media (max-width:43.75em){.mastery-complete-banner{text-align:left;flex-direction:row;padding:2.5rem 3.5rem}}.mastery-complete-banner .banner-icon-container{color:#3d405b;background:#f2cc8f;border:4px solid #3d405b;border-radius:50%;justify-content:center;align-items:center;min-width:80px;height:80px;display:flex;box-shadow:5px 5px #3d405b}.mastery-complete-banner .banner-content h3{color:#3d405b;text-transform:uppercase;letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:900}.mastery-complete-banner .banner-content p{color:#64748b;margin:.5rem 0 1.5rem;font-size:1.1rem;font-weight:600}.mastery-complete-banner .banner-content .banner-action-btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#3d405b;border:none;border-radius:12px;padding:.8rem 1.5rem;font-family:ActualComicSans,cursive;font-weight:800;transition:all .2s;box-shadow:4px 4px #0000001a}.mastery-complete-banner .banner-content .banner-action-btn:hover{color:#3d405b;background:#f2cc8f;transform:translateY(-2px);box-shadow:6px 6px #0000001a}.mastery-complete-banner .decoration-star{color:#f2cc8f;opacity:.7;position:absolute}.mastery-complete-banner .decoration-star.top-right{top:15px;right:15px}.mastery-complete-banner .decoration-star.bottom-left{bottom:15px;left:15px}@keyframes bannerPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-page{max-width:1200px;min-height:88vh;margin:0 auto;padding:1rem;font-family:ActualComicSans,cursive}.profile-page .profile-layout{gap:2rem;margin:auto;display:grid}@media (max-width:992px){.profile-page .profile-layout{grid-template-columns:1fr}}.profile-page .student__link{flex-direction:column;gap:15px;display:flex}@media (max-width:56.25em){.profile-page .student__link{flex-direction:row}}.profile-page .profile-section{background:#fff;border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:24px;margin-bottom:2rem;padding:1rem;box-shadow:0 4px 12px #3d405b1a}.profile-page .profile-section .profile-section-title{color:#5d6185;border-bottom:2px dashed #f2cc8f;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem}@media (max-width:43.75em){.profile-page .profile-section .profile-section-title{font-size:1.5rem}}@media (max-width:26.56em){.profile-page .profile-section .profile-section-title{font-size:1.3rem}}.profile-page .profile-settings-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;display:grid}@media (max-width:43.75em){.profile-page .profile-settings-row{display:block}}.profile-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}@media (max-width:26.56em){.profile-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (max-width:23.43em){.profile-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}.profile-page .stats-grid .stat-card{text-align:center;background:#f4f1de;border:2px solid #f2cc8f;border-radius:16px;padding:1.5rem}@media (max-width:43.75em){.profile-page .stats-grid .stat-card{padding:.8rem}}.profile-page .stats-grid .stat-card .stat-label{color:#6b6f88;margin-bottom:.5rem;font-size:1rem;display:block}.profile-page .stats-grid .stat-card .stat-value{color:#e07a5f;font-size:1.6rem;font-weight:800;display:block}@media (max-width:43.75em){.profile-page .stats-grid .stat-card .stat-value{font-size:1.2rem}}@media (max-width:26.56em){.profile-page .stats-grid .stat-card .stat-value{font-size:1rem}}.profile-page .activity-list{background:#fffcf7;border-radius:12px;max-height:500px;padding:.5rem 10px .5rem .5rem;overflow-y:auto}.profile-page .activity-list::-webkit-scrollbar{width:6px}.profile-page .activity-list::-webkit-scrollbar-track{background:0 0}.profile-page .activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.profile-page .activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.profile-page .activity-item{border-bottom:1px solid #f2cc8f;align-items:center;padding:.8rem;display:flex}.profile-page .activity-item:last-child{border-bottom:none}.profile-page .activity-item .status-dot{border-radius:50%;width:12px;height:12px;margin-right:12px}.profile-page .activity-item .status-dot.correct{background:#81b29a}.profile-page .activity-item .status-dot.incorrect{background:#e07a5f}.profile-page .activity-item .activity-text{color:#3d405b;flex-grow:1;font-size:1.1rem}.profile-page .activity-item .activity-text strong{color:#0071e9}@media (max-width:43.75em){.profile-page .activity-item .activity-text{font-size:.7rem}}@media (max-width:26.56em){.profile-page .activity-item .activity-text{font-size:.4rem}}.profile-page .activity-item .activity-date{color:#6b6f88;font-size:1.1rem}@media (max-width:43.75em){.profile-page .activity-item .activity-date{font-size:.7rem}}@media (max-width:26.56em){.profile-page .activity-item .activity-date{font-size:.4rem}}.profile-page .avatar-grid{background:#fffcf7;border:2px dashed #f2cc8f;border-radius:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:1rem;display:grid}@media (max-width:43.75em){.profile-page .avatar-grid{padding:.5rem}}@media (max-width:26.56em){.profile-page .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.profile-page .avatar-grid .avatar-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #0000;border-radius:12px;font-size:2.5rem;transition:all .3s}.profile-page .avatar-grid .avatar-option:hover{background:#f4f1de;transform:scale(1.1)}.profile-page .avatar-grid .avatar-option.selected{background:#f2cc8f;border-color:#e07a5f;box-shadow:0 0 10px #e07a5f4d}.profile-page .profile-form .input__group{margin-bottom:1rem}.profile-page .profile-form .input__group label{color:#5d6185;margin-bottom:.4rem;font-weight:700;display:block}@media (max-width:43.75em){.profile-page .profile-form .input__group label{font-size:1.1rem}}.profile-page .profile-form .input__group input{box-sizing:border-box;background:#fffcf7;border:2px solid #f2cc8f;border-radius:12px;width:100%;padding:.8rem;font-family:ActualComicSans,cursive}@media (max-width:43.75em){.profile-page .profile-form .input__group input{font-size:.9rem}}.profile-page .profile-btn{color:#f2e9e4;cursor:pointer;background:#3d405b;border:none;border-radius:999px;padding:.8rem 1.5rem;font-family:ActualComicSans,cursive;font-size:1.1rem;font-weight:700;transition:all .3s}@media (max-width:43.75em){.profile-page .profile-btn{padding:.6rem 1rem;font-size:.9rem}}.profile-page .profile-btn:hover{color:#81b29a;background-color:#3d405b;transform:translateY(2px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a}.profile-page .profile-auth-note{color:#9a3412;background:#fff7ed;border-radius:12px;margin:0 0 1rem;padding:.85rem 1rem;line-height:1.5}.profile-page .password-link{color:#6b6f88;cursor:pointer;margin-top:1.2rem}.profile-page .password-link .highlight-text{color:#e07a5f;font-weight:700;text-decoration:underline}@media (max-width:56.25em){.profile-page .password-link{font-size:.8rem}}@media (max-width:23.43em){.profile-page .password-link{font-size:.65rem}}.profile-page .profile-message{border-radius:8px;margin-bottom:1rem;padding:.6rem;font-weight:700}.profile-page .profile-message.success{color:#16a34a;background:#f0fdf4}.profile-page .profile-message.error{color:#dc2626;background:#fef2f2}.profile-page .sidebar-section .dashboard-card{background:#fff;border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:24px;padding:1.5rem}@media (max-width:43.75em){.avatar-preview svg{width:50px}}@media (max-width:26.56em){.avatar-preview svg{width:40px}}.player-badge-profile{color:#f2e9e4;cursor:default;text-align:center;background:linear-gradient(145deg,#3d405b 0%,#11161c 100%);border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:20px;align-items:center;padding:10px;font-family:ActualComicSans,cursive;font-size:2rem;font-weight:700;transition:all .5s ease-in-out;display:flex}@media (max-width:43.75em){.player-badge-profile{justify-content:center;width:100%;padding:0;font-size:1.2rem}}@media (max-width:26.56em){.player-badge-profile{font-size:.9rem}}@media (max-width:23.43em){.player-badge-profile{font-size:.6rem}}.player-badge-profile strong{opacity:1;white-space:nowrap;color:#fff;max-width:0;text-shadow:none;margin-right:0;transition:max-width .8s ease-in-out,opacity .8s ease-in-out,margin .8s;overflow:hidden}.player-badge-profile:hover strong{opacity:1;color:#f2e9e4;max-width:1000px;text-shadow:none;margin-right:.5rem}.game-header-profile{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1.5rem .5rem 1.5rem 0;display:flex}@media (max-width:43.75em){.game-header-profile{margin:0}}.activity-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;align-items:center;margin-bottom:12px;padding:14px;transition:all .3s;display:flex}.activity-item--correct{border-left:4px solid #22c55e}.activity-item--correct:hover{background-color:#f0fdf4}.activity-item--correct .icon-success{color:#22c55e}.activity-item--incorrect{border-left:4px solid #ef4444}.activity-item--incorrect:hover{background-color:#fef2f2}.activity-item--incorrect .icon-error{color:#ef4444}.activity-icon-container{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.activity-details{flex:1;justify-content:space-between;display:flex}.activity-details .student-name{color:#374151;font-weight:600}@media (max-width:23.43em){.activity-details{gap:.1rem}}.activity-details .activity-date{color:#9ca3af;margin-top:2px;font-size:.75rem;display:block}@media (max-width:43.75em){.activity-details .activity-text,.activity-details .activity-date{font-size:.7rem}}@media (max-width:26.56em){.activity-details .activity-text,.activity-details .activity-date{font-size:.5rem}}.activity-empty-state{text-align:center;background:#ffffff08;border:2px dashed #0000000d;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:2rem;display:flex}.activity-empty-state .icon-wrapper{color:#0071e9;background:#55aef71a;border-radius:50%;margin-bottom:20px;padding:20px}.activity-empty-state h3{color:#2d3748;margin-bottom:8px;font-size:1.2rem;font-weight:700}.activity-empty-state p{color:#718096;max-width:300px;margin-bottom:24px;line-height:1.5}.activity-empty-state .start-learning-btn{color:#fff;background:#0071e9;border-radius:12px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .3s}.activity-empty-state .start-learning-btn:hover{background:#014b99;transform:translateY(-2px);box-shadow:0 6px 20px #5596f766}.reset-password__main{background:radial-gradient(circle at 0 0,#f2cc8f59,#0000 35%),radial-gradient(circle at 100% 100%,#81b29a40,#0000 30%);justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;display:flex}.reset-password__container{text-align:center;background:#fff;border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:24px;width:min(460px,100%);padding:2.5rem;box-shadow:0 0 5px #e07a5f3b,0 10px 24px -8px #3d405b26}.reset-password__container .reset-password__header{color:#5d6185;margin:.35rem 0;font-size:clamp(2rem,4vw,2.6rem);line-height:1.1}.reset-password__eyebrow{color:#e07a5f;letter-spacing:.03em;margin:0;font-weight:700}.reset-password__subtitle{color:#6b6f88;margin:0 0 1.8rem;font-size:1rem}.reset-password-form{flex-direction:column;gap:1rem;display:flex}.reset-password__message{text-align:left;border-radius:8px;padding:.8rem;font-size:.95rem}.reset-password__message.success{color:#16a34a;background-color:#f0fdf4;border-left:4px solid #16a34a}.reset-password__message.error{color:#dc2626;background-color:#fef2f2;border-left:4px solid #dc2626}.reset-password__btn{color:#f4f1de;cursor:pointer;background:#5d6185;border:none;border-radius:999px;margin-top:.5rem;padding:.9rem 1rem;font-family:ActualComicSans,cursive;font-size:1.2rem;font-weight:700;transition:all .45s}.reset-password__btn:hover:not(:disabled){color:#81b29a;background-color:#3d405b;transform:translateY(-1px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a}.reset-password__btn:disabled{opacity:.65;cursor:not-allowed}.reset-password__container .reset-password__back-icon{color:#e07a5f;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.reset-password__container .reset-password__back-icon:hover{transform:translate(-3px)}.leaderboard-page{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.leaderboard-page.animate-fade-in{animation:.4s ease-out forwards fadeIn}.leaderboard-header{margin-bottom:2rem}.leaderboard-header .title-wrapper{flex:1;align-items:center;gap:1rem;display:flex}.leaderboard-header .title-wrapper .header-icon{color:#e7623e;border-radius:12px;width:70px;height:70px}@media (max-width:43.75em){.leaderboard-header .title-wrapper .header-icon{width:50px;height:50px}}@media (max-width:26.56em){.leaderboard-header .title-wrapper .header-icon{width:40px;height:40px}}@media (max-width:23.43em){.leaderboard-header .title-wrapper .header-icon{width:30px;height:30px}}.leaderboard-header .title-wrapper h1{color:#e7623e;margin:0;font-size:2rem;font-weight:800}@media (max-width:43.75em){.leaderboard-header .title-wrapper h1{font-size:1.3rem}}@media (max-width:26.56em){.leaderboard-header .title-wrapper h1{font-size:1rem}}@media (max-width:23.43em){.leaderboard-header .title-wrapper h1{font-size:.8rem}}.leaderboard-header .title-wrapper p{color:#3d405b;margin:.25rem 0 0;font-size:1rem}@media (max-width:43.75em){.leaderboard-header .title-wrapper p{font-size:.6rem}}@media (max-width:23.43em){.leaderboard-header .title-wrapper p{font-size:.5rem}}.leaderboard-panel{background:#fff;border:2px solid #f2cc8f;border-radius:20px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 4px 6px #00000005}.leaderboard-panel.error-state{color:#b91c1c;text-align:center;background:#fef2f2;border-color:#fca5a5;font-weight:600}.leaderboard-panel.loading-state{text-align:center;color:#6b7280;padding:3rem;font-weight:600}.status-info{align-items:center;gap:10px;margin:1rem;display:flex}.status-info .text-gray{color:#6b7280}.status-info .label-text{color:#374151;font-weight:600}@media (max-width:23.43em){.status-info .label-text{font-size:.7rem}}.status-info .status-badge{border-radius:50px;padding:6px 14px;font-size:.85rem;font-weight:700}.status-info .status-badge.active{color:#15803d;background:#dcfce7}@media (max-width:23.43em){.status-info .status-badge.active{font-size:.7rem}}.status-info .status-badge.inactive{color:#b91c1c;background:#fee2e2}@media (max-width:23.43em){.status-info .status-badge.inactive{font-size:.7rem}}.control-btn{cursor:pointer;border:1px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-width:220px;height:54px;margin-left:auto;font-family:inherit;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.control-btn.red{color:#dc2626;background:#fee2e2}.control-btn.red:hover{background:#fecaca}.control-btn.green{color:#059669;background:#d1fae5}.control-btn.green:hover{background:#a7f3d0}.control-btn:disabled{opacity:.6;cursor:not-allowed}.table-panel{padding:0;overflow:scroll}.table-panel .panel-header{padding:1.5rem 1.5rem 0}.table-panel .panel-header h2{color:#1f2937;margin:0;font-size:1.4rem}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;min-width:600px}.leaderboard-table th,.leaderboard-table td{text-align:left;color:#374151;padding:1rem}@media (max-width:43.75em){.leaderboard-table th,.leaderboard-table td{padding:.7rem}}.leaderboard-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f3f4f6;font-size:.9rem;font-weight:600}@media (max-width:43.75em){.leaderboard-table th{font-size:.7rem}}.leaderboard-table tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.leaderboard-table tr:last-child{border-bottom:none}.leaderboard-table tr:hover{background:#f9fafb}@media (max-width:43.75em){.leaderboard-table tr{font-size:.9rem}}@media (max-width:26.56em){.leaderboard-table tr{font-size:.7rem}}.leaderboard-table .rank-row.top-1{background:#fffbeb}.leaderboard-table .rank-row.top-1 td.rank-cell{color:#fbbf24;font-weight:800}.leaderboard-table .rank-row.top-2{background:#f8fafc}.leaderboard-table .rank-row.top-2 td.rank-cell{color:#94a3b8;font-weight:800}.leaderboard-table .rank-row.top-3{background:#fff7ed}.leaderboard-table .rank-row.top-3 td.rank-cell{color:#b45309;font-weight:800}.leaderboard-table .rank-cell{color:#6b7280;vertical-align:middle;font-weight:700}.leaderboard-table .rank-cell svg{vertical-align:middle;background:#3d405b;border-radius:50%;width:25px;height:25px;padding:.5rem}.leaderboard-table .student-cell{vertical-align:middle}.leaderboard-table .student-cell .avatar{vertical-align:middle;border-radius:50%;margin-right:12px;padding:4px;font-size:1.5rem;display:inline-block}.leaderboard-table .student-cell .student-name{color:#1f2937;vertical-align:middle;font-weight:600}.leaderboard-table .accuracy-pill{color:#0071e9;background:#e0e7ff;border-radius:6px;padding:4px 10px;font-size:.9rem;font-weight:700}.leaderboard__empty-state{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:20px auto;display:flex}.leaderboard__empty-state .icon-wrapper{color:#0071e9;background:#55aef71a;border-radius:50%;margin-bottom:25px;padding:25px;animation:3s ease-in-out infinite float}.leaderboard__empty-state h2{color:#e7623e;letter-spacing:-.5px;margin-bottom:12px;font-size:1.8rem;font-weight:800}.leaderboard__empty-state p{color:#718096;max-width:400px;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.leaderboard__empty-state .leaderboard-action-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#0071e9,#0071e9);border-radius:14px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.leaderboard__empty-state .leaderboard-action-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 5px 20px #2267ce80}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.empty-state{text-align:center;color:#6b7280;padding:4rem 2rem}.empty-state h3{color:#374151;margin:1rem 0 .5rem;font-size:1.25rem}.empty-state p{margin:0}.roster-section{background:#fff;border:2px solid #f1bd68;border-radius:24px;margin-top:2rem;padding:30px;box-shadow:0 4px 15px #0000000d}.roster-section .roster-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.roster-section .roster-header .title-box h2{color:#81b29a;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:800;display:flex}@media (max-width:56.25em){.roster-section .roster-header .title-box h2{font-size:1.2rem}}@media (max-width:43.75em){.roster-section .roster-header .title-box h2{font-size:1rem}}@media (max-width:23.43em){.roster-section .roster-header .title-box h2{font-size:.9rem}}.roster-section .roster-header .title-box p{color:#64748b;margin-top:4px;font-size:.9rem}.roster-section .roster-header .search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:350px;padding:10px 16px;display:flex}.roster-section .roster-header .search-bar input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.roster-section .roster-header .search-bar svg{color:#0071e9}.roster-section .roster-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.roster-section .student-mini-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:43.75em){.roster-section .student-mini-card{gap:1rem;width:fit-content}}@media (max-width:23.43em){.roster-section .student-mini-card{gap:.5rem}}.roster-section .student-mini-card:hover{border-color:#f1bd68;transform:translateY(-4px);box-shadow:0 12px 20px #00000014}.roster-section .student-mini-card:hover .arrow-icon{color:#f1bd68;transform:translate(3px)}.roster-section .student-mini-card .student-info{align-items:center;gap:12px;display:flex}.roster-section .student-mini-card .student-info .avatar-circle{color:#0071e9;background:#f1f5f9;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.roster-section .student-mini-card .student-info .name-group{flex-direction:column;display:flex}.roster-section .student-mini-card .student-info .name-group .student-name{color:#d97706;font-size:.95rem;font-weight:800}.roster-section .student-mini-card .student-info .name-group .mini-stats{gap:8px;margin-top:4px;display:flex}.roster-section .student-mini-card .student-info .name-group .mini-stats .stat-item{color:#64748b;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.roster-section .student-mini-card .accuracy-pill{color:#0071e9;background:#f1f5f9;border-radius:20px;margin-left:auto;margin-right:10px;padding:4px 10px;font-size:.75rem;font-weight:800}.roster-section .student-mini-card .arrow-icon{color:#cbd5e1;transition:all .2s}@media (max-width:56.25em){.mini-accuracy,.node-count{font-size:.9rem}}@media (max-width:43.75em){.mini-accuracy,.node-count{font-size:.8rem}}@media (max-width:26.56em){.mini-accuracy,.node-count{font-size:.7rem}}.mastery-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mastery-modal{background:#fff;border:2px solid #f1bd68;border-radius:28px;flex-direction:column;width:90%;max-width:650px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #0000004d}.mastery-modal header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.mastery-modal header h3{color:#1e293b;margin:0;font-size:1.4rem;font-weight:900}.mastery-modal header p{color:#64748b;margin-top:4px;font-size:.85rem}.mastery-modal header .close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;padding:8px}.mastery-modal header .close-btn:hover{color:#ef4444;background:#fee2e2}.mastery-modal .modal-body{background:#f8fafc;padding:32px;overflow-y:auto}.mastery-modal .modal-body .quick-stats-row{border-bottom:1px dashed #e2e8f0;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:2rem;padding-bottom:1.5rem;display:grid}.mastery-modal .modal-body .quick-stats-row .q-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:15px;box-shadow:0 2px 4px #00000005}.mastery-modal .modal-body .quick-stats-row .q-stat label{text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:.65rem;font-weight:800;display:block}.mastery-modal .modal-body .quick-stats-row .q-stat strong{color:#1e293b;font-size:1.2rem;font-weight:900}.mastery-modal .modal-body .quick-stats-row .q-stat strong small{color:#94a3b8;margin-left:2px;font-size:.75rem;font-weight:600}.mastery-modal .modal-body .node-detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 4px 6px #00000005}.mastery-modal .modal-body .node-detail-item .node-meta{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.mastery-modal .modal-body .node-detail-item .node-meta .node-label{text-transform:uppercase;color:#1e293b;letter-spacing:.05em;font-size:.8rem;font-weight:900}.mastery-modal .modal-body .node-detail-item .node-meta .node-badges{gap:8px;display:flex}.mastery-modal .modal-body .node-detail-item .node-meta .node-badges .badge.warning{color:#d97706;background:#fffbeb;border:1px solid #fef3c7;border-radius:20px;padding:2px 10px;font-size:.65rem;font-weight:800}.mastery-modal .modal-body .node-detail-item .node-meta .node-badges .attempts-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700}.mastery-modal .modal-body .node-detail-item .mastery-visual .progress-text{color:#475569;justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.mastery-modal .modal-body .node-detail-item .mastery-visual .progress-text strong{color:#0071e9;font-size:1rem;font-weight:900}.mastery-modal .modal-body .node-detail-item .mastery-visual .progress-track{background:#e2e8f0;border-radius:10px;height:12px;overflow:hidden}.mastery-modal .modal-body .node-detail-item .mastery-visual .progress-track .progress-fill{background:linear-gradient(90deg,#0071e9,#81b29a);border-radius:10px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.student-stats-summary{justify-content:space-between;gap:15px;padding:10px 0;display:flex}.student-stats-summary .s-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 4px #00000005}.student-stats-summary .s-stat-card svg{color:#0071e9;min-width:18px}.student-stats-summary .s-stat-card .s-info{flex-direction:column;display:flex}.student-stats-summary .s-stat-card .s-info label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px;font-size:.65rem;font-weight:800}.student-stats-summary .s-stat-card .s-info strong{color:#1e293b;font-size:1.1rem;font-weight:900;line-height:1}.node-stats-badges{gap:8px;display:flex}.node-stats-badges .badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:800}.node-stats-badges .badge.tries{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.node-stats-badges .badge.correct{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.teacher-dashboard{flex-direction:column;justify-content:center;max-width:1120px;min-height:82vh;margin:0 auto;overflow-x:hidden}@media (max-width:64em){.teacher-dashboard{margin:2rem}}@media (max-width:43.75em){.teacher-dashboard{margin:1rem}}.teacher-dashboard__hero{background:linear-gradient(109.6deg,#fff 11.2%,#fff7ed 50%,#fef3c7 100%);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.2rem;padding:1.5rem;display:flex;box-shadow:0 12px 24px -12px #3d405b14}@media (max-width:43.75em){.teacher-dashboard__hero{padding:1rem}}.teacher-dashboard__hero h1{color:#3d405b;margin:0;font-size:clamp(1.9rem,4vw,2.7rem)}.teacher-dashboard__hero p{color:#81b29a;max-width:48rem;margin:.45rem 0 0}.teacher-dashboard__eyebrow{color:#e07a5f;letter-spacing:.05em;text-transform:uppercase;margin:0 0 .35rem;font-weight:700}.teacher-dashboard_p{color:#6b6f88!important}.teacher-dashboard__secondaryAction,.teacher-dashboard__inlineLink,.teacher-dashboard__action{border-radius:999px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.teacher-dashboard__inlineLink{color:#3d405b;border:1px solid #3d405b1a;transition:all .8s}.teacher-dashboard__inlineLink:hover{color:#81b29a;transform:translateY(2px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a;background-color:#3d405b!important}.teacher-dashboard__inlineLink:hover .sike{display:inline-block;transform:scale(1.05)}.teacher-dashboard__inlineLink:hover .sike__options{color:#81b29a;border:3px solid #81b29a}.teacher-dashboard__secondaryAction{color:#c7684f;box-sizing:border-box;background:linear-gradient(135deg,#fff6ea 0%,#fffdf8 100%);border:1px solid #f2cc8fd6;padding:.8rem 1.15rem;transition:all .5s;box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}.teacher-dashboard__secondaryAction:hover{color:#81b29a;transform:translateY(2px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a;background:#3d405b!important}.teacher-dashboard__secondaryAction:hover .sike{display:inline-block;transform:scale(1.05)}.teacher-dashboard__secondaryAction:hover .sike__options{color:#81b29a;border:3px solid #81b29a}@media (max-width:43.75em){.teacher-dashboard__secondaryAction{padding:.4rem 1.15rem}}@media (max-width:26.56em){.teacher-dashboard__secondaryAction{font-size:.9rem}}@media (max-width:23.43em){.teacher-dashboard__secondaryAction{font-size:.7rem}}.teacher-dashboard__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.teacher-dashboard__stat,.teacher-dashboard__panel{background:#fff;border:2px solid #f2cc8f;border-radius:18px;box-shadow:0 8px 20px -10px #3d405b14}.teacher-dashboard__stat{padding:1rem}.teacher-dashboard__stat span{color:#81b29a;align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}@media (max-width:43.75em){.teacher-dashboard__stat span{font-size:.9rem}}@media (max-width:23.43em){.teacher-dashboard__stat span{font-size:.8rem}}.teacher-dashboard__stat strong{color:#3d405b;margin-top:.35rem;font-size:1.9rem;line-height:1.1;display:block}@media (max-width:56.25em){.teacher-dashboard__stat strong{font-size:1.4rem}}@media (max-width:43.75em){.teacher-dashboard__stat strong{font-size:1.1rem}}@media (max-width:23.43em){.teacher-dashboard__stat strong{font-size:1rem}}.teacher-dashboard__stat small{color:#8f8f91;margin-top:.45rem;font-size:.9rem;display:block}@media (max-width:43.75em){.teacher-dashboard__stat small{font-size:.7rem}}.teacher-dashboard__panel{margin-bottom:1rem;padding:1.1rem}.teacher-dashboard__panel h2{color:#81b29a;align-items:center;gap:5px;margin:0;font-size:1.2rem;display:flex}@media (max-width:56.25em){.teacher-dashboard__panel h2{font-size:1.2rem}}@media (max-width:43.75em){.teacher-dashboard__panel h2{font-size:1rem}}@media (max-width:23.43em){.teacher-dashboard__panel h2{font-size:.9rem}}.teacher-dashboard__panel p{color:#8f8f91;margin:.4rem 0 0}@media (max-width:43.75em){.teacher-dashboard__panel p{font-size:.9rem}}.teacher-dashboard__panel--split{justify-content:space-between;align-items:center;padding:1.5rem 1.1rem;display:flex}@media (max-width:43.75em){.teacher-dashboard__panel--split{flex-direction:column;gap:10px}}.teacher-dashboard__panel--error{color:#b91c1c;border-color:#f87171}.teacher-dashboard__panel--error p,.teacher-dashboard__panel--error h2{color:inherit}.teacher-dashboard__meta{font-size:.95rem}.teacher-dashboard__inlineError{color:#b91c1c;font-weight:600}.teacher-dashboard__action{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;height:44px;padding:.5rem;font-family:inherit;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.teacher-dashboard__action .btn-content{align-items:center;gap:12px;display:flex}@media (max-width:43.75em){.teacher-dashboard__action{font-size:.8rem}}@media (max-width:26.56em){.teacher-dashboard__action{font-size:.7rem}}.teacher-dashboard__action.btn--enable{color:#15803d;background-color:#dcfce7;border-color:#bbf7d0}.teacher-dashboard__action.btn--enable:hover:not(:disabled){background-color:#bbf7d0;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.teacher-dashboard__action.btn--disable{color:#b91c1c;background-color:#fee2e2;border-color:#fecaca}.teacher-dashboard__action.btn--disable:hover:not(:disabled){background-color:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.teacher-dashboard__action:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af;background-color:#f3f4f6}.teacher-dashboard__panelHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.teacher-dashboard__inlineLink{white-space:nowrap;padding:.65rem 1rem}.teacher-dashboard__tableWrapper{max-height:400px;overflow:auto}.teacher-dashboard__table{border-collapse:collapse;width:100%;min-width:620px}.teacher-dashboard__table th,.teacher-dashboard__table td{text-align:left;color:#8f8f91;border-bottom:1px solid #f4f1de;padding:.75rem}.teacher-dashboard__table th{color:#e07a5f;font-size:.95rem}.teacher-dashboard__studentCell{align-items:center;gap:.45rem;display:flex}.teacher-dashboard__avatar{font-size:1.2rem}.teacher-dashboard__empty{color:#6b6f88}@media (max-width:900px){.teacher-dashboard__hero{flex-direction:column;align-items:center}.teacher-dashboard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.teacher-dashboard__grid{grid-template-columns:1fr}.teacher-dashboard__secondaryAction,.teacher-dashboard__inlineLink{width:100%}.teacher-dashboard__panelHeader{flex-direction:column}}.empty-message{text-align:center}.dashboard-tabs{background:#fff;border:1.5px solid #f2cc8f;border-radius:24px;margin-bottom:1rem;padding:6px;display:flex;box-shadow:0 4px 6px #00000005}.dashboard-tabs .tab-btn{color:#0071e9;cursor:pointer;background:#d5e5f7;border:none;border-radius:50px;flex:1;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex}@media (max-width:43.75em){.dashboard-tabs .tab-btn{font-size:.8rem}}@media (max-width:26.56em){.dashboard-tabs .tab-btn{padding:5px 12px;font-size:.7rem}}@media (max-width:23.43em){.dashboard-tabs .tab-btn{font-size:.5rem}}.dashboard-tabs .tab-btn:hover:not(.active){color:#fff;background:#0071e9}.dashboard-tabs .tab-btn.active{color:#f2cc8f;background:#374151;box-shadow:0 4px 10px #37415140}.dashboard-tabs .tab-btn.active svg{color:#f2cc8f}.teacher-dashboard__panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}@media (max-width:43.75em){.teacher-dashboard__panelHeader{align-items:start}}.teacher-dashboard__panelHeader .live-indicator{align-items:center;gap:10px;display:flex}.teacher-dashboard__panelHeader .live-indicator .dot{background-color:#ff4d4d;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 8px #ff4d4d}.teacher-dashboard__panelHeader p{color:#ffffff80;margin:0;font-size:.85rem}.activity-filter-box{background:#0001;border:1px solid #ffffff1a;border-radius:12px;align-items:center;min-width:220px;padding:6px 15px;transition:all .3s;display:flex}.activity-filter-box:focus-within{background:#ffffff1a;border-color:#0071e9;box-shadow:0 0 10px #a855f733}.activity-filter-box svg{color:#0071e9;flex-shrink:0;margin-right:10px}.activity-filter-box input{color:#0071e9;background:0 0;border:none;outline:none;width:100%;font-family:ActualComicSans,cursive;font-size:1rem}.activity-filter-box input::placeholder{color:#3d405b}@media (max-width:43.75em){.activity-filter-box input{font-size:.8rem}}@media (max-width:26.56em){.activity-filter-box input{font-size:.6rem}}.activity-filter-box .clear-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.2rem;line-height:1;transition:color .2s}.activity-filter-box .clear-btn:hover{color:#ff4d4d}.empty-message{text-align:center;color:#fff6;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;padding:40px;font-style:italic}@media (max-width:43.75em){.empty-message{padding:20px}}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}.animate-fade-in{animation:.4s ease-in-out fadeIn}.activity-list{background:#fffcf7;border-radius:12px;max-height:400px;padding:.5rem 10px .5rem .5rem;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:0 0}.activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.alert-panel{background:0 0;margin-top:2rem;padding:1.1rem}.alert-panel .panel-header{align-items:center;gap:10px;margin-bottom:1.5rem;padding-left:5px;display:flex}.alert-panel .panel-header h2{color:#81b29a;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:600;display:flex}@media (max-width:56.25em){.alert-panel .panel-header h2{font-size:1.2rem}}@media (max-width:43.75em){.alert-panel .panel-header h2{font-size:1rem}}@media (max-width:23.43em){.alert-panel .panel-header h2{font-size:.9rem}}.alert-panel .panel-header h2 svg{color:#81b29a}.intervention-card{background:#374151;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.intervention-card:hover{background:#252539;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.intervention-card.high{border-left:5px solid #ef4444}.intervention-card.medium{border-left:5px solid #f59e0b}.intervention-card .card-left{flex-direction:column;flex:1.5;gap:4px;display:flex}.intervention-card .card-left .student-name{color:#f8fafc;letter-spacing:.3px;font-size:1rem;font-weight:700}.intervention-card .card-left .intervention-reason{color:#94a3b8;font-size:.85rem}.intervention-card .card-left .intervention-reason i{color:#fbbf24;text-transform:capitalize;font-style:normal;font-weight:600}.intervention-card .card-middle{flex:1.5;justify-content:center;gap:48px;display:flex}.intervention-card .card-middle .stat-pill{text-align:center}.intervention-card .card-middle .stat-pill label{color:#8f8f91;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.65rem;display:block}.intervention-card .card-middle .stat-pill strong{color:#f1f5f9;font-family:Lexend,sans-serif;font-size:1.2rem}.intervention-card .card-middle .stat-pill strong.score-low{color:#f87171;text-shadow:0 0 10px #f8717133}.intervention-card .card-right{flex:1.5;justify-content:flex-end;align-items:center;gap:24px;display:flex}.intervention-card .card-right .gap-analysis{width:140px}.intervention-card .card-right .gap-analysis label{color:#8f8f91;text-transform:uppercase;text-align:right;margin-bottom:6px;font-size:.65rem;display:block}.intervention-card .card-right .gap-analysis .mini-track{background:#0f172a;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:8px;position:relative;overflow:hidden}.intervention-card .card-right .gap-analysis .mini-track .mini-fill{background:linear-gradient(90deg,#0071e9,#d946ef);border-radius:10px;height:100%;transition:width .6s ease-in-out;box-shadow:0 0 12px #7c3aed80}.intervention-card .card-right .view-details-btn{color:#a78bfa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.intervention-card .card-right .view-details-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:scale(1.1);box-shadow:0 0 15px #7c3aed66}.intervention-card .card-right .view-details-btn svg{stroke-width:2.5px}.no-alerts{text-align:center;color:#94a3b8;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;font-style:italic}.live-monitor-mode .pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite diagnostic-pulse}.live-monitor-mode .activity-item{border-left:4px solid #0000;transition:all .2s}.live-monitor-mode .activity-item:hover{background-color:#f8fafc;transform:translate(4px)}.live-monitor-mode .activity-item--correct{border-left-color:#10b981}.live-monitor-mode .activity-item--incorrect{border-left-color:#ef4444}.live-monitor-mode .concept-highlight{color:#0071e9;text-transform:uppercase;margin-left:4px;font-size:.85rem}@media (max-width:43.75em){.live-monitor-mode .concept-highlight{font-size:.7rem}}@media (max-width:26.56em){.live-monitor-mode .concept-highlight{font-size:.5rem}}.feed-footer{text-align:right;color:#94a3b8;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:6px;margin-top:1rem;font-size:.7rem;font-weight:700;display:flex}@media (max-width:43.75em){.feed-footer{font-size:.6rem!important}}@media (max-width:26.56em){.feed-footer{font-size:.5rem!important}}@media (max-width:23.43em){.feed-footer{font-size:.4rem!important}}@keyframes diagnostic-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.5rem;padding-left:5px;display:flex}.panel-header .info-tooltip{cursor:help;color:#64748b;position:relative}.panel-header .info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.panel-header .info-tooltip .tooltip-text{visibility:hidden;opacity:0;color:#fff;text-align:center;z-index:100;background-color:#334155;border-radius:6px;width:200px;padding:8px;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:125%;right:-30%}.heatmap-panel{margin-top:2rem}.heatmap-panel .panel-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.heatmap-panel .panel-header .info-tooltip{cursor:help;color:#64748b;position:relative}.heatmap-panel .panel-header .info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.heatmap-panel .panel-header .info-tooltip .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:100;opacity:0;background-color:#334155;border-radius:6px;width:200px;padding:8px;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:125%;right:-30%}.heatmap-panel .heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.heatmap-panel .heatmap-cell{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}@media (max-width:56.25em){.heatmap-panel .heatmap-cell{padding:1rem 1.5rem}}.heatmap-panel .heatmap-cell:before{content:"";opacity:.1;background:#81b29a;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.heatmap-panel .heatmap-cell:hover{border-color:#81b29a;transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000014}.heatmap-panel .heatmap-cell:hover:before{opacity:1}.heatmap-panel .heatmap-cell .node-id{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.75rem;font-size:.7rem;font-weight:900;line-height:1.2}.heatmap-panel .heatmap-cell .slip-score{color:#1e293b;align-items:baseline;gap:4px;font-size:1.4rem;font-weight:900;display:flex}@media (max-width:43.75em){.heatmap-panel .heatmap-cell .slip-score{font-size:1rem}}@media (max-width:23.43em){.heatmap-panel .heatmap-cell .slip-score{font-size:.9rem}}.student__progress{max-width:1120px;min-height:82vh;margin:0 auto;padding:1.5rem 1rem 2.5rem}.progress-map-container{border-bottom:5px solid #2f3246;border-right:5px solid #2f3246;border-radius:28px;margin:0 auto;padding:1.5rem;box-shadow:inset 3px 3px 6px #81b29a2e,inset -3px -3px 6px 1px #81b29a00}.progress-map-container .map-title{text-align:center;color:#f2e9e4;background:linear-gradient(145deg,#3d405b 0%,#11161c 100%);border-bottom:5px solid #f2cc8f;border-right:5px solid #f2cc8f;border-radius:20px;justify-content:center;align-items:center;margin:0;padding:10px;font-family:ActualComicSans,cursive;font-size:1.45rem;font-weight:800;display:flex;box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}@media (max-width:23.43em){.progress-map-container .map-title{font-size:1.3rem}}.wizard-nodes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;display:grid}.progress-page-header{justify-content:center;display:flex}.active-section-badge{color:#34d399;letter-spacing:.5px;background:#10b98126;border:1px solid #34d3994d;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;animation:2.5s ease-in-out infinite gentlePulse;display:flex}.active-section-badge span{padding-top:1px}@media (max-width:43.75em){.active-section-badge span{font-size:1rem}}@media (max-width:26.56em){.active-section-badge span{font-size:.9rem}}@media (max-width:23.43em){.active-section-badge span{font-size:.7rem}}.resume-button{color:#c7684f;background:linear-gradient(135deg,#fff6ea 0%,#fffdf8 100%);border:1px solid #f2cc8fd6;border-radius:999px;gap:12px;margin:0;font-family:ActualComicSans,cursive;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}.resume-button:hover:not(:disabled){color:#81b29a;background-color:#3d405b;border-bottom:4px solid #81b29a;transform:translateY(-2px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a}.resume-button:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #0000001a}.resume-button{cursor:pointer}@media (max-width:43.75em){.resume-button{font-size:1rem}}@media (max-width:26.56em){.resume-button{font-size:.9rem}}@media (max-width:23.43em){.resume-button{font-size:.7rem}}.active-section-controls{gap:1rem;display:flex}@media (max-width:43.75em){.active-section-controls{flex-direction:column;margin:auto}}@keyframes gentlePulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.wizard-card{background:#ffffffe0;border:1px solid #f2cc8fad;border-radius:24px;flex-direction:column;padding:1.2rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 16px 34px #3d405b0f,inset 0 1px #ffffffeb}.wizard-card:hover{transform:translateY(-1px);box-shadow:0 22px 40px #3d405b14,inset 0 1px #ffffffeb}.wizard-card.mastered{background:linear-gradient(#f2fbf6 0%,#dcf0e5 100%);border:2px solid #81b29a;border-radius:16px;transition:all .2s ease-in-out;box-shadow:0 4px 16px #81b29a40,inset 0 2px #fffc}.wizard-card.mastered:hover{border-color:#6a9c84;transform:translateY(-4px);box-shadow:0 8px 24px #81b29a66,inset 0 2px #ffffffe6}.wizard-card.unlocked{background:linear-gradient(#fffdf8 0%,#ddd3c6 100%);border-color:#f2cc8fd9}.wizard-card.locked{opacity:.78;background:linear-gradient(#fffdfb 0%,#f4efe8 100%)}.wizard-card .card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.wizard-card .card-header .node-name{color:#81b29a;text-transform:capitalize;letter-spacing:.02em;font-size:.96rem;font-weight:800}.wizard-card .card-header .status-badge{text-transform:lowercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:.35rem .72rem;font-size:.74rem;font-weight:800;display:flex}.wizard-card .card-header .status-badge.mastered{color:#2d6a4f;background:#81b29a2e;border-color:#81b29a47}.wizard-card .card-header .status-badge.unlocked{color:#a35c1b;background:#f2cc8f3d;border-color:#f2cc8f61}.wizard-card .card-header .status-badge.locked{color:#6b7280;background:#3d405b14;border-color:#3d405b14}.wizard-card .mastery-section{margin-bottom:1rem}.wizard-card .mastery-section .label-row{color:#6b7280;justify-content:space-between;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:flex}.wizard-card .mastery-section .wizard-track{background-color:#3d405b14;border-radius:999px;width:100%;height:10px;overflow:hidden}.wizard-card .mastery-section .wizard-track .wizard-fill{background:linear-gradient(90deg,#f2cc8f 0%,#e07a5f 100%);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.mastered .wizard-card .mastery-section .wizard-track .wizard-fill{background:linear-gradient(90deg,#81b29a 0%,#5aa387 100%)}.wizard-card .card-footer{justify-content:space-between;align-items:center;gap:.85rem;margin-top:.5rem;display:flex}.wizard-card .card-footer .skill-orb{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.wizard-card .card-footer .skill-orb label{color:#6b7280;font-size:.78rem;font-weight:700}.wizard-card .card-footer .skill-orb .orb-value{color:#c7684f;font-size:1.1rem;font-weight:900}.wizard-card .card-footer .history-group{text-align:right}.wizard-card .card-footer .history-group .dots{justify-content:flex-end;gap:5px;margin-bottom:4px;display:flex}.wizard-card .card-footer .history-group .dots .dot{border-radius:50%;width:10px;height:10px}.wizard-card .card-footer .history-group .dots .dot.green{background-color:#81b29a;box-shadow:0 0 8px #81b29a59}.wizard-card .card-footer .history-group .dots .dot.red{background-color:#e07a5f}.wizard-card .card-footer .history-group .attempts{color:#6b7280;font-size:.76rem;font-weight:700}.wizard-card .practice-btn-mini{color:#c7684f;cursor:pointer;background:linear-gradient(135deg,#fff5e8 0%,#fffdf8 100%);border:1px solid #f2cc8fd1;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:1.2rem;padding:.82rem;font-size:.98rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 1px #fffffff0,0 12px 24px #3d405b0d}.wizard-card .practice-btn-mini:hover{background:linear-gradient(135deg,#fbe4d5 0%,#fff6ef 100%);transform:translateY(-1px);box-shadow:0 16px 28px #3d405b14,inset 0 1px #fffffff0}@media (max-width:768px){.student__progress{padding:1rem .85rem 2rem}.progress-map-container{padding:1rem}}.sections-container{flex-direction:column;gap:32px;margin-top:24px;display:flex}.progress-section{background:linear-gradient(145deg,#3d405b 0%,#11161c 100%);border:5px solid #f2cc8f;border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;border-radius:24px;padding:24px;box-shadow:0 12px 32px #1e293b26,inset 0 2px #fff3}.progress-section__header{border-bottom:2px dashed #ffffff40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.progress-section__text{flex:1;min-width:200px}.progress-section__title{color:#81b29a;letter-spacing:.5px;text-shadow:0 2px 4px #0000001a;margin:0 0 6px;font-size:1.6rem;font-weight:800}@media (max-width:43.75em){.progress-section__title{font-size:1.6rem}}@media (max-width:26.56em){.progress-section__title{font-size:1.4rem}}@media (max-width:23.43em){.progress-section__title{font-size:1.1rem}}.progress-section__description{color:#ffffffd9;margin:0;font-size:1rem;font-weight:500}@media (max-width:26.56em){.progress-section__description{font-size:.8rem}}@media (max-width:23.43em){.progress-section__description{font-size:.7rem}}.progress-section__button{color:#c7684f;text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff6ea 0%,#fffdf8 100%);border:1px solid #f2cc8fd6;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin:0;padding:.51rem .8rem;font-family:ActualComicSans,cursive;font-size:.8rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}@media (max-width:23.43em){.progress-section__button{font-size:.7rem}}.progress-section__button{border:1px solid #f2cc8fd6;border-radius:999px;gap:12px;margin:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fffffff0,0 10px 20px #3d405b0d}.progress-section__button:hover:not(:disabled){color:#81b29a;background-color:#3d405b;transform:translateY(2px);box-shadow:0 2px 4px #0000007d,0 7px 13px -3px #000,inset 0 -3px #81b29a}.progress-section__button:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #0000001a}.progress-section__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.progress-section__button .button-content{justify-content:center;align-items:center;display:flex}.progress-section__button .button-icon{margin-right:8px}.progress-section__button .spinner{animation:1s linear infinite sectionSpin}.progress-section__nodes{flex-direction:column;gap:16px;display:flex}.progress-node-card{background:#fffcf8;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #0000000f,inset 0 2px #fff}.progress-node-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014,inset 0 2px #fff}@keyframes sectionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wizard-card{position:relative}.wizard-card .mastery-sticker-overlay{z-index:30;pointer-events:none;position:absolute;top:-15px;right:-15px}.wizard-card .mastery-sticker-overlay .sticker-seal{background:radial-gradient(circle at 0 0,#3b3f5c 0%,#1a1c29 100%);border:2px solid #f2cc8f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 0 4px #1a1c29,0 8px 16px #00000040}.wizard-card .mastery-sticker-overlay .sticker-seal.static{opacity:1;transform:scale(1)rotate(12deg)}.wizard-card .mastery-sticker-overlay .sticker-seal.animate-pop{opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) .5s forwards magic-stamp-burst}.wizard-card .mastery-sticker-overlay .sticker-seal .sticker-star{color:#f2cc8f;filter:drop-shadow(0 0 5px #f2cc8f80);margin-bottom:2px;font-size:1.4rem;line-height:1}.wizard-card .mastery-sticker-overlay .sticker-seal .sticker-text{color:#f2cc8f;letter-spacing:1px;text-transform:uppercase;font-size:.5rem;font-weight:900}@keyframes magic-stamp-burst{0%{opacity:0;filter:brightness(2);transform:scale(3)rotate(-20deg)}60%{opacity:1;filter:brightness(1.2);transform:scale(.9)rotate(15deg);box-shadow:0 0 0 4px #1a1c29,0 0 30px #f2cc8f99}to{opacity:1;filter:brightness();transform:scale(1)rotate(12deg);box-shadow:0 0 0 4px #1a1c29,0 8px 16px #00000040}}.schema-groups-wrapper{flex-direction:column;gap:36px;display:flex}.schema-group__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.schema-group__header .schema-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.schema-group__header .schema-title{text-transform:capitalize;font-size:1rem;font-weight:800}.schema-group__header .schema-title.text-combine{color:#3b82f6}.schema-group__header .schema-title.text-change{color:#f2cc8f}.schema-group__header .schema-title.text-compare{color:#10b981}.schema-group__header .schema-divider{background:#ffffff14;flex:1;height:1px}.accuracy-row{justify-content:space-between;align-items:center;display:flex}.accuracy-row .stat-num{color:#e07a5f;font-size:1.1rem;font-weight:700}.accuracy-row .stat-label{color:#9198a5;font-size:.72rem}.accuracy-row .attempt-dots{gap:4px;display:flex}.accuracy-row .dot{border-radius:50%;width:9px;height:9px}.accuracy-row .dot--correct{background:#10b981}.accuracy-row .dot--wrong{background:#f43f5e}.student-hub-wrapper{justify-content:center;align-items:center;max-width:1120px;margin:auto;padding:3rem 1rem;display:flex}.student-hub{width:100%;max-width:1100px;margin:0 auto;font-family:ActualComicSans,cursive}.student-hub__header{text-align:center;margin-bottom:4rem}@media (max-width:56.25em){.student-hub__header{margin-bottom:2rem}}.student-hub__header h1{color:#3d405b;letter-spacing:1px;margin:0 0 10px;font-size:2.8rem;font-weight:900}@media (max-width:43.75em){.student-hub__header h1{font-size:2rem}}@media (max-width:26.56em){.student-hub__header h1{font-size:1.8rem}}@media (max-width:23.43em){.student-hub__header h1{font-size:1.5rem}}.student-hub__header .highlight-name{color:#fff;background:#3d405b;border-radius:8px;margin-right:.6rem;padding:0 15px;display:inline-block;transform:rotate(-3deg);box-shadow:5px 5px #f2cc8f}.student-hub__header .student-hub__subtitle{color:#729d88;font-size:1.2rem;font-weight:700;-webkit-text-decoration:none;text-decoration:none}@media (max-width:43.75em){.student-hub__header .student-hub__subtitle{font-size:1rem}}@media (max-width:26.56em){.student-hub__header .student-hub__subtitle{font-size:.6rem}}.student-hub__pathways{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:3.5rem;margin-bottom:4rem;display:grid}@media (max-width:64em){.student-hub__pathways{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.brutal-card{text-align:left;cursor:pointer;background:#fff;border:6px solid #3d405b;border-radius:16px;flex-direction:column;width:100%;max-width:320px;padding:30px;font-family:ActualComicSans,cursive;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:12px 12px #3d405b}.brutal-card:hover{transform:rotate(0)scale(1.02);box-shadow:16px 16px #3d405b}.brutal-card:active{animation:.5s ease-in-out shake}.brutal-card:disabled{opacity:.8;cursor:wait}.banner{color:#3d405b;text-align:center;letter-spacing:2px;z-index:10;background-color:#f2cc8f;width:350px;padding:12px;font-size:16px;font-weight:900;transition:background .5s;position:absolute;top:15px;right:-95px;overflow:hidden;transform:rotate(45deg)}.banner__skip{color:#fff;text-align:center;letter-spacing:2px;z-index:10;background-color:#e05f5f;width:350px;padding:12px;font-size:16px;font-weight:900;transition:background .5s;position:absolute;top:15px;right:-95px;overflow:hidden;transform:rotate(45deg)}.banner-text{width:100%;transition:opacity .5s,transform .5s;display:inline-block;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.brutal-card:hover .banner .banner-text:first-child{opacity:0;transform:translateY(-100%)}.brutal-card:hover .banner .banner-text:last-child{opacity:1;transform:translateY(-50%)}.banner-text:last-child{opacity:0;transform:translateY(60%)}.theme-sage:hover .banner{background:#81b29a}.theme-blue:hover .banner{background:#8eb1c7}.theme-coral:hover .banner{background:#e07a5f}.brutal-card.theme-sage:hover .banner{background:#81b29a}.brutal-card.theme-sage:hover .card__title{color:#81b29a}.brutal-card.theme-sage:hover .sign-up{color:#81b29a;background:#fff;border-color:#81b29a;transform:translateY(-5px);box-shadow:0 5px #81b29a}.brutal-card.theme-blue:hover .banner{background:#f2cc8f}.brutal-card.theme-blue:hover .card__title{color:#f2cc8f}.brutal-card.theme-blue:hover .sign-up{color:#f2cc8f;background:#fff;border-color:#f2cc8f;transform:translateY(-5px);box-shadow:0 5px #f2cc8f}.brutal-card.theme-coral:hover .banner{background:#e07a5f}.brutal-card.theme-coral:hover .card__title{color:#e07a5f}.brutal-card.theme-coral:hover .sign-up{color:#e07a5f;background:#fff;border-color:#e07a5f;transform:translateY(-5px);box-shadow:0 5px #e07a5f}.card__title{color:#e9b55e;border-bottom:4px solid #3d405b;align-items:center;gap:10px;width:85%;margin-bottom:15px;padding-bottom:8px;font-size:22px;font-weight:900;display:flex}.card__subtitle{color:#4b5563;flex-grow:1;margin-bottom:30px;font-size:16px;font-weight:600;line-height:1.5}.card__form{flex-direction:column;width:100%;display:flex}.sign-up{color:#fff;text-transform:uppercase;background:#3d405b;border:4px solid #3d405b;border-radius:12px;justify-content:center;align-items:center;width:95%;padding:12px;font-size:18px;font-weight:900;transition:all .3s;display:flex}.sign-up .spinner{animation:1s linear infinite spin}.theme-sage:hover .sign-up{color:#81b29a;background:#fff;border-color:#81b29a;transform:translateY(-5px);box-shadow:0 5px #81b29a}.theme-blue:hover .sign-up{color:#8eb1c7;background:#fff;border-color:#8eb1c7;transform:translateY(-5px);box-shadow:0 5px #8eb1c7}.theme-coral:hover .sign-up{color:#e07a5f;background:#fff;border-color:#e07a5f;transform:translateY(-5px);box-shadow:0 5px #e07a5f}.student-hub__hint{text-align:center;color:#fff;background:#e05f5f;border:4px solid #3d405b;border-radius:16px;max-width:700px;margin:0 auto;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;box-shadow:6px 6px #3d405b}@media (max-width:43.75em){.student-hub__hint{font-size:.9rem}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@media (max-width:768px){.student-hub__pathways{gap:2rem}}