.ykgs-abacus-app{--ab-ink:#172033;--ab-purple:#7657e8;--ab-blue:#3b82f6;--ab-green:#20ad6b}.ab-panel{overflow:hidden!important;padding:0!important;border-radius:30px!important;border:1px solid rgb(118 87 232 / .15)!important;background:radial-gradient(circle at 0 0,rgb(118 87 232 / .16),transparent 27%),radial-gradient(circle at 100% 0,rgb(59 130 246 / .13),transparent 30%),linear-gradient(145deg,#fff,#f8f7ff 54%,#f1f7ff)!important;box-shadow:0 26px 75px rgb(54 43 111 / .16)!important}.ab-panel:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#7657e8,#3b82f6,#22c55e,#f59e0b)}.ab-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 18px}.ab-kicker{font-size:10px;font-weight:1000;letter-spacing:.15em;color:#6956bf}.ab-hero h2{margin:5px 0;font-size:clamp(28px,5vw,38px);line-height:1;letter-spacing:-.04em;color:var(--ab-ink)}.ab-hero p{margin:0;color:#687386;font-size:14px;font-weight:650}.ab-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#eeeaff,#e9f3ff);font-size:34px;box-shadow:0 12px 25px rgb(78 65 151 / .12);transform:rotate(-3deg)}.ab-modes{display:flex;gap:8px;padding:0 22px 16px;overflow:auto;scrollbar-width:none}.ab-mode{flex:1;min-width:145px;border:1px solid #e1e5ef;border-radius:13px;padding:11px 12px;background:rgb(255 255 255 / .76);color:#5a6578;font-size:12px;font-weight:900;cursor:pointer;transition:.16s}.ab-mode:hover{transform:translateY(-2px);border-color:#bfb2f1}.ab-mode.is-active{background:#eeeaff;border-color:#c8bdf4;color:#5d48b8;box-shadow:0 7px 18px rgb(87 70 173 / .10)}.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 22px 16px}.ab-stats>div{padding:10px 8px;text-align:center;border:1px solid rgb(100 116 139 / .1);border-radius:14px;background:rgb(255 255 255 / .76)}.ab-stats span{display:block;font-size:9px;letter-spacing:.12em;color:#8791a3;font-weight:1000}.ab-stats strong{display:block;margin-top:3px;color:#273148;font-size:15px}.ab-stage{position:relative;min-height:350px;margin:0 17px;padding:28px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:24px;border:1px solid rgb(118 87 232 / .13);background:radial-gradient(circle at 50% 38%,#fff 0,#f8f7ff 58%,#edf5ff 100%);box-shadow:inset 0 1px 0 #fff;overflow:hidden}.ab-stage:before,.ab-stage:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;opacity:.5;pointer-events:none}.ab-stage:before{left:-110px;top:-90px;background:radial-gradient(circle,rgb(118 87 232 / .18),transparent 68%)}.ab-stage:after{right:-100px;bottom:-100px;background:radial-gradient(circle,rgb(59 130 246 / .16),transparent 68%)}.ab-technique{position:relative;z-index:1;padding:7px 11px;border-radius:999px;background:#eeeaff;color:#604bc0;font-size:10px;font-weight:1000;letter-spacing:.05em;text-transform:uppercase}.ab-instruction{position:relative;z-index:1;margin-top:10px;color:#344054;font-size:14px;font-weight:850}.ab-card{position:relative;z-index:2;width:min(650px,100%);min-height:145px;margin:17px 0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px;border:1px solid rgb(118 87 232 / .15);background:linear-gradient(145deg,rgb(255 255 255 / .98),rgb(245 243 255 / .95));box-shadow:0 17px 38px rgb(69 55 137 / .11);transition:transform .18s,box-shadow .18s}.ab-card.flash-card{animation:ab-flash .9s ease}.ab-card-label{font-size:9px;letter-spacing:.16em;font-weight:1000;color:#8a92a3}.ab-target{margin-top:8px;color:#172033;font-size:clamp(35px,7vw,56px);line-height:1.1;font-weight:1000;letter-spacing:-.05em}.ab-hint{position:relative;z-index:1;min-height:21px;color:#687386;font-size:13px;font-weight:700}.ab-input-row{position:relative;z-index:2;display:flex;gap:8px;width:min(430px,100%);margin-top:12px}.ab-answer{flex:1;min-height:48px;border:2px solid #dfe4ee;border-radius:14px;text-align:center;font-size:21px;font-weight:1000}.ab-answer:focus{outline:3px solid rgb(118 87 232 / .2);border-color:#a99ae9}.ab-check{min-width:92px;border:0;border-radius:14px;background:linear-gradient(135deg,#7657e8,#4f73e8);color:#fff;font-weight:1000;box-shadow:0 9px 20px rgb(91 73 190 / .23);cursor:pointer}.ab-options{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;width:min(500px,100%);margin-top:12px}.ab-choice{min-height:54px;border:2px solid #e0e5ef;border-radius:15px;background:rgb(255 255 255 / .94);font-size:19px;font-weight:1000;color:#273148;cursor:pointer;box-shadow:0 8px 19px rgb(31 41 55 / .06);transition:.15s}.ab-choice span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:7px;background:#eeeaff;color:#624bc3;font-size:10px}.ab-choice:hover{transform:translateY(-3px);border-color:#b9acf0}.ab-choice.correct{background:#e8faf0;border-color:#39b879}.ab-choice.wrong{background:#fff0f1;border-color:#ed6b76}.ab-feedback{position:relative;z-index:2;min-height:22px;margin-top:8px;font-size:14px;font-weight:1000}.ab-feedback.good{color:#087443}.ab-feedback.bad{color:#b42332}.ab-bottom{padding:18px 22px 16px;text-align:center}.ab-progress{height:9px;overflow:hidden;border-radius:99px;background:#e8ecf4;box-shadow:inset 0 2px 4px rgb(31 41 55 / .06)}.ab-progress span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#7657e8,#3b82f6,#22c55e);transition:width .35s ease}.ab-start{margin-top:15px!important;min-width:180px}.ab-bottom .game-result{min-height:25px;padding:11px 0 0!important;color:#657084;font-weight:800}.ab-win .ab-stage{animation:ab-pop .3s ease}.ab-miss .ab-stage{animation:ab-shake .3s ease}@keyframes ab-pop{50%{transform:scale(1.008)}}@keyframes ab-shake{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}@keyframes ab-flash{0%,100%{transform:scale(1)}45%{transform:scale(1.025);box-shadow:0 22px 55px rgb(84 65 171 / .22)}}@media(max-width:700px){.ab-hero{padding:22px 18px 16px}.ab-icon{width:56px;height:56px;font-size:28px}.ab-modes,.ab-stats{padding-left:14px;padding-right:14px}.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-stage{margin:0 9px;min-height:365px;padding:23px 10px}.ab-card{min-height:135px}.ab-options{grid-template-columns:1fr}.ab-input-row{flex-direction:column}.ab-check{min-height:48px}.ab-target{font-size:40px}}@media(prefers-reduced-motion:reduce){.ab-mode,.ab-choice,.ab-card,.ab-stage,.ab-progress span{transition:none!important;animation:none!important}}