.math-app{--paper:#fff6e8;--ink:#2d2438;--ink-70:#2d2438b3;--ink-25:#2d243840;--sun:#ffc531;--sun-soft:#fff3d1;--sky:#59b6f5;--sky-soft:#e3f2fd;--grass:#5ec46f;--grass-soft:#e9f9ec;--coral:#ff6b57;--coral-soft:#ffe9e5;--grape:#9b6bff;--star:#ffb61e;--font-display:var(--math-font-display,"Rubik"), "Heebo", "Arial Hebrew", sans-serif;--font-body:var(--math-font-body,"Varela Round"), "Heebo", "Arial Hebrew", sans-serif;background-color:var(--paper);color:var(--ink);font-family:var(--font-body)}:is(html:has(.math-app),body:has(.math-app)){background-color:var(--paper,#fff6e8)}.math-app .background-pattern{opacity:1;background-image:radial-gradient(#2d243814 1.5px,#0000 1.5px);background-size:24px 24px}.math-app h1,.math-app h2,.math-app .problem,.math-app .level-card-num,.math-app .score-value,.math-app .timer{font-family:var(--font-display)}.math-app h1{color:var(--ink);font-weight:900}.math-app h2{color:var(--ink);font-weight:800}.math-app .title-xp-pill{color:var(--ink);border:2.5px solid var(--ink);box-shadow:2.5px 2.5px 0 var(--ink);font-family:var(--font-display);background:#fff;border-radius:999px}.math-app .title-xp-pill-suffix{color:var(--ink-70)}.math-app .streak-display{font-family:var(--font-display)}.math-app .selection,.math-app .stats,.math-app .questionCard{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background-color:#fff;border-radius:20px}.math-app .learn-section{background-color:var(--ink);border:4px solid var(--ink);border-image:;border-radius:20px;box-shadow:6px 6px #2d243859}.math-app .learn-section ::-webkit-scrollbar-track{background:var(--ink)}.math-app .learn-section ::-webkit-scrollbar-thumb{background:#fff6e859}.math-app .learning-action-buttons{background-color:var(--ink)}.math-app .learn-section h2,.math-app .learn-section .table-title{color:#fff8ec}.math-app .operation-tabs{border-bottom:3px dashed var(--ink-25)}.math-app .operation-tab{color:var(--ink-70);font-family:var(--font-display);border-bottom:4px solid #0000}.math-app .operation-tab:hover{background-color:var(--paper);color:var(--ink)}.math-app .operation-tab.active{color:var(--ink);font-weight:800}.math-app .operation-tab:first-child.active{border-bottom-color:var(--sun)}.math-app .operation-tab:nth-child(2).active{border-bottom-color:var(--sky)}.math-app .operation-tab:nth-child(3).active{border-bottom-color:var(--grass)}.math-app .operation-tab:nth-child(4).active{border-bottom-color:var(--coral)}.math-app .op-tab-symbol{font-family:var(--font-display);font-weight:900}.math-app .checkbox-grid{color:var(--ink);font-family:var(--font-display)}.math-app .checkbox-grid label{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;line-height:45px;transition:background .15s,color .15s,transform .15s,box-shadow .15s}.math-app .checkbox-grid label:hover{border-color:var(--ink);box-shadow:5px 6px 0 var(--ink);background:var(--sun-soft);transform:translate(-2px,-3px)}.math-app .checkbox-grid label:has(input[type=checkbox]:checked){background:var(--sun);border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-4deg)}.math-app .level-card{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;border-radius:14px}.math-app .level-card:hover{border-color:var(--ink);box-shadow:4px 5px 0 var(--ink);background:var(--sky-soft);transform:translate(-1px,-2px)}.math-app .level-card.selected{background:var(--sky);border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.math-app .mode-chip{border:2.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;font-weight:700}.math-app .mode-chip:hover{background:var(--paper);border-color:var(--ink)}.math-app .mode-chip.active{background:var(--sun);border-color:var(--ink);color:var(--ink);font-weight:800}.math-app select{border:2.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);box-shadow:2px 2px 0 var(--ink);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%232D2438'/%3E%3C/svg%3E");border-radius:12px;font-weight:700}.math-app select:focus{border:2.5px solid var(--sky);outline:none}.math-app .mode-selector{background-color:var(--paper);border-radius:14px}.math-app button{color:var(--ink);border:2.5px solid var(--ink);font-family:var(--font-display);box-shadow:2.5px 2.5px 0 var(--ink);background-color:#fff;border-radius:14px;font-weight:700;transition:background-color .15s,transform .12s,box-shadow .12s}.math-app button:hover{background-color:var(--paper)}.math-app button:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.math-app button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.math-app .main-cta{background:var(--grass);color:var(--ink);border:3px solid var(--ink);font-family:var(--font-display);box-shadow:5px 5px 0 var(--ink);border-radius:16px;font-weight:800}.math-app .main-cta:hover{background:var(--grass);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.math-app .main-cta:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.math-app .secondary-links button{box-shadow:none;color:var(--ink-70);font-family:var(--font-display);background:0 0;border:none;font-weight:700}.math-app .secondary-links button:hover{color:var(--ink);background:0 0}.math-app .secondary-links button:active{transform:none}.math-app .secondary-links button+button:before{color:var(--ink-25)}.math-app .progress-info{background-color:var(--paper);border:2.5px dashed var(--ink-25);font-family:var(--font-display);color:var(--ink);border-radius:12px;font-weight:700}.math-app .xp-counter{color:var(--ink);background:var(--sun-soft);border:2px solid var(--ink);font-family:var(--font-display);border-radius:999px}.math-app .practice-xp-footer{color:var(--ink);background:var(--sun-soft);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);border-radius:16px}.math-app .practice-xp-retry-hint{color:var(--ink-70)}.math-app .score-box{font-family:var(--font-display);border-radius:12px}.math-app .correct-box{background-color:var(--grass-soft);border:2.5px solid var(--ink);color:#1b5e20;box-shadow:2px 2px 0 var(--ink)}.math-app .incorrect-box{background-color:var(--coral-soft);border:2.5px solid var(--ink);color:#b71c1c;box-shadow:2px 2px 0 var(--ink)}.math-app .timer{color:var(--ink);background-color:var(--paper);border:2.5px solid var(--ink);font-weight:800}.math-app .timer.warning-mild{background-color:var(--sun);color:var(--ink);border-color:var(--ink)}.math-app .timer.warning-severe{background-color:var(--coral);border-color:var(--ink);color:#fff}.math-app .problem{color:var(--ink);font-weight:800}.math-app input[type=number].answer-input,.math-app input.answer-input[type=number]{border:3px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-display);box-shadow:3px 3px 0 var(--ink);border-radius:14px;font-weight:700}.math-app input[type=number]:focus{border-color:var(--sky);box-shadow:3px 3px 0 var(--ink)}.math-app .answer-option{border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--font-display);background:#fff;border-radius:16px;font-weight:800}@media (hover:hover) and (pointer:fine){.math-app .answer-option:hover{background:var(--sun-soft);border-color:var(--ink);box-shadow:6px 8px 0 var(--ink);color:var(--ink);transform:translate(-2px,-4px)}}.math-app .answer-option.correct{background:var(--grass);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.math-app .answer-option.wrong{background:var(--coral);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);color:#fff}.math-app .exit-button{box-shadow:2px 2px 0 var(--ink);background-color:#fff;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14px\" viewBox=\"0 -960 960 960\" width=\"14px\" fill=\"%232D2438\"><path d=\"m289-199-89-90 190-191-190-191 89-91 191 191 191-191 89 91-190 191 190 191-89 90-191-191-191 191Z\"/></svg>");border:2.5px solid var(--ink)!important}.math-app .exit-button:hover{background-color:var(--coral);background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20px\" viewBox=\"0 -960 960 960\" width=\"20px\" fill=\"%23FFFFFF\"><path d=\"m289-199-89-90 190-191-190-191 89-91 191 191 191-191 89 91-190 191 190 191-89 90-191-191-191 191Z\"/></svg>")}.math-app .sound-button{box-shadow:2px 2px 0 var(--ink);background-color:#fff;border-radius:12px;border:2.5px solid var(--ink)!important}.math-app .sound-button:hover{background-color:var(--paper)}.math-app .final-score{background-color:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:10px 10px #2d243859}.math-app .results-section{border:2.5px solid var(--ink);background:#fff;border-radius:14px}.math-app .retry-button{background-color:var(--sun);color:var(--ink);border:2.5px solid var(--ink)}.math-app .retry-button:hover{background-color:var(--sun);box-shadow:3.5px 3.5px 0 var(--ink);transform:translate(-1px,-1px)}.math-app .continue-button{background-color:var(--grass);color:var(--ink);border:2.5px solid var(--ink)}.math-app .continue-button:hover{background-color:var(--grass);box-shadow:3.5px 3.5px 0 var(--ink);transform:translate(-1px,-1px)}.math-app .backdrop{background:#2d24388c}.math-app .message-content{background:var(--paper);border:3px solid var(--ink);color:var(--ink);border-radius:20px;box-shadow:8px 8px #2d243859}.math-app .message-content button{background-color:var(--grass);color:var(--ink)}.math-app .message-modal-actions .message-btn-cancel{color:var(--ink);background:#fff}.math-app .message-modal-actions .message-btn-danger{background:var(--coral);color:#fff;border-color:var(--ink)}.gear-dropdown{color:#2d2438;background:#fff6e8;border:3px solid #2d2438;border-radius:18px;box-shadow:6px 6px #2d243859}.gear-divider{border-color:#2d243840}.gear-overlay{background:#2d243859}.math-app .back-button{color:var(--ink);background-color:#fff}.math-app .badge-toast{background:var(--sun);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display);border-radius:16px;font-weight:800}.math-app .player-card{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);background:#fff;border-radius:18px}.math-app .player-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.math-app .footer{background-color:var(--paper);color:var(--ink-70);border-top:3px solid var(--ink);font-family:var(--font-display)}.math-app .achievements-modal,.math-app .parent-report{background:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:10px 10px #2d243859}.profile-editor{color:#2d2438;background:#fff6e8;border:4px solid #2d2438;border-radius:24px;box-shadow:10px 10px #2d243859}.profile-editor-overlay{background:#2d24388c}.math-app .sync-primary-btn{background:var(--grass);color:var(--ink);border:2.5px solid var(--ink)}.math-app .sync-input{border:2.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:12px}.math-app .practice-section--immersive{background:var(--paper);background-image:radial-gradient(#2d243812 1.5px,#0000 1.5px);background-size:24px 24px}.math-app:has(.practice-section--immersive){background:var(--paper)}.math-app .ps-imm-header{background:var(--paper);border-bottom:3px dashed var(--ink-25)}.math-app .ps-imm-util-bar{border-top:1px dashed var(--ink-25)}.math-app .ps-imm-exit-btn,.math-app .ps-imm-icon-btn{border:2.5px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.math-app .ps-imm-exit-btn:hover,.math-app .ps-imm-exit-btn:active,.math-app .ps-imm-icon-btn:hover{background:var(--paper)}.math-app .ps-imm-ring-track{stroke:var(--ink-25)}.math-app .ps-imm-ring-fill{stroke:var(--grass)}.math-app .ps-imm-ring-text{color:var(--ink);font-family:var(--font-display);font-weight:800}.math-app .ps-imm-timer-number{color:var(--ink);font-family:var(--font-display);font-weight:900}.math-app .ps-imm-timer-label{color:var(--ink-70);font-family:var(--font-display)}.math-app .ps-imm-timer-number.warning-mild{color:#d97706}.math-app .ps-imm-timer-number.warning-severe{color:var(--coral)}.math-app .ps-imm-pill{border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);background:#fff}.math-app .ps-imm-pill:hover{background-color:#fff}.math-app .ps-imm-problem{color:var(--ink);font-family:var(--font-display);text-shadow:none}.math-app .ps-imm-xp-hint{color:var(--ink);background:var(--sun-soft);border:2px solid var(--ink);font-family:var(--font-display);border-radius:999px}.math-app .ps-imm-option{border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--font-display);background:#fff;border-radius:16px;font-weight:800}.math-app .ps-imm-option:hover{background-color:var(--sun-soft)}.math-app .ps-imm-option:active{background-color:var(--sun-soft);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.math-app .ps-imm-option.correct{background:var(--grass);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.math-app .ps-imm-option.wrong{background:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--ink)}.math-app .ps-imm-answer-input{border:3px solid var(--ink);color:var(--ink);font-family:var(--font-display);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px}.math-app .ps-imm-answer-input::placeholder{color:var(--ink-25)}.math-app .ps-imm-answer-input:focus{border-color:var(--sky);box-shadow:3px 3px 0 var(--ink);background:#fff}.math-app .ps-imm-submit-btn{background:var(--grass);color:var(--ink);border:2.5px solid var(--ink);font-family:var(--font-display);box-shadow:3px 3px 0 var(--ink);border-radius:16px;font-weight:800}.math-app .ps-imm-submit-btn:hover{background-color:var(--grass)}.math-app .ps-imm-submit-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.math-app .ps-imm-correction{color:var(--ink);background:var(--sun-soft);border:2.5px solid var(--ink);font-family:var(--font-display);box-shadow:3px 3px 0 var(--ink);border-radius:14px}.math-app .ps-imm-help-backdrop{background:#2d24388c}.math-app .ps-imm-help-sheet-content{border-top:4px solid var(--sun);background:linear-gradient(#3a2e4d 0%,#2d2438 100%)}
