.fractions-module-scss-module___wifPq__container{background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);flex-direction:column;align-items:center;height:100vh;margin:0;padding:0;display:flex}.fractions-module-scss-module___wifPq__topBar{z-index:10;background-color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.fractions-module-scss-module___wifPq__backBtn{color:#2d3436;cursor:pointer;background:#ff9ff3;border:3.5px solid #f368e0;border-radius:18px;padding:10px 20px;font-size:1rem;font-weight:800;transition:all .15s;box-shadow:0 4px #f368e0}.fractions-module-scss-module___wifPq__backBtn:hover{transform:translateY(-2px);box-shadow:0 6px #f368e0}.fractions-module-scss-module___wifPq__backBtn:active{transform:translateY(2px);box-shadow:0 2px #f368e0}.fractions-module-scss-module___wifPq__title{color:#0369a1;letter-spacing:-.01em;font-size:1.4rem;font-weight:900}@media (min-width:640px){.fractions-module-scss-module___wifPq__title{font-size:1.8rem}}.fractions-module-scss-module___wifPq__mainArea{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;max-width:1000px;padding:12px 16px;display:flex}.fractions-module-scss-module___wifPq__mascotArea{background:#fff;border:3px solid #e2e8f0;border-radius:30px;align-items:center;gap:16px;max-width:90%;padding:12px 20px;display:flex;box-shadow:0 6px 16px #0000000f}.fractions-module-scss-module___wifPq__mascotAvatar{flex-shrink:0;justify-content:center;align-items:center;font-size:3.5rem;line-height:1;display:flex}@media (min-width:640px){.fractions-module-scss-module___wifPq__mascotAvatar{font-size:4.5rem}}.fractions-module-scss-module___wifPq__mascotImg{object-fit:contain;border-radius:16px;width:72px;height:72px}@media (min-width:640px){.fractions-module-scss-module___wifPq__mascotImg{width:88px;height:88px}}.fractions-module-scss-module___wifPq__mascotSpeechBtn{cursor:pointer;text-align:left;background:#e0f2fe;border:3.5px solid #0284c7;border-radius:24px;align-items:center;gap:10px;padding:12px 18px;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px #0284c7}.fractions-module-scss-module___wifPq__mascotSpeechBtn:hover{background:#bae6fd;box-shadow:0 6px #0284c7}.fractions-module-scss-module___wifPq__mascotSpeechBtn:active{box-shadow:0 2px #0284c7}.fractions-module-scss-module___wifPq__speechText{color:#0369a1;font-size:1.1rem;font-weight:900}@media (min-width:640px){.fractions-module-scss-module___wifPq__speechText{font-size:1.35rem}}.fractions-module-scss-module___wifPq__speakerIcon{background:#fff;border-radius:50%;flex-shrink:0;padding:6px;font-size:1.2rem;box-shadow:0 2px 4px #0000001a}.fractions-module-scss-module___wifPq__canvasContainer{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:380px;display:flex}.fractions-module-scss-module___wifPq__svgCanvas{filter:drop-shadow(0 12px 24px #0000001f);width:100%;height:100%}.fractions-module-scss-module___wifPq__sliceGroup{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.fractions-module-scss-module___wifPq__sliceNormal{transition:all .2s}.fractions-module-scss-module___wifPq__sliceNormal:hover{opacity:.9}.fractions-module-scss-module___wifPq__sliceSelected{filter:drop-shadow(0 4px 8px #0000004d);stroke:#0284c7!important;stroke-width:5px!important}.fractions-module-scss-module___wifPq__controlBar{box-shadow:none;background:0 0;border-top-left-radius:0;border-top-right-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:1000px;padding:12px 16px 16px;display:flex}.fractions-module-scss-module___wifPq__fractionButtons{display:none}.fractions-module-scss-module___wifPq__denomBtn{color:#334155;cursor:pointer;background:#f1f5f9;border:3.5px solid #cbd5e1;border-radius:20px;padding:12px 22px;font-size:1.25rem;font-weight:900;transition:all .15s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px #cbd5e1}.fractions-module-scss-module___wifPq__denomBtn:hover{transform:translateY(-2px)}.fractions-module-scss-module___wifPq__denomBtn.fractions-module-scss-module___wifPq__activeDenom{color:#fff;background:#38bdf8;border-color:#0284c7;box-shadow:0 5px #0284c7}.fractions-module-scss-module___wifPq__confirmBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1dd1a1 0%,#10ac84 100%);border:3.5px solid #10ac84;border-radius:24px;padding:14px 36px;font-size:1.25rem;font-weight:900;transition:all .15s;box-shadow:0 6px #0b8a6a,0 10px 20px #1dd1a14d}.fractions-module-scss-module___wifPq__confirmBtn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px #0b8a6a,0 14px 24px #1dd1a166}.fractions-module-scss-module___wifPq__confirmBtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0b8a6a}.fractions-module-scss-module___wifPq__confirmBtn:disabled{color:#64748b;cursor:not-allowed;background:#cbd5e1;border-color:#94a3b8;box-shadow:0 4px #94a3b8}