.count-aloud-module-scss-module__UXy_pW__container{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.count-aloud-module-scss-module__UXy_pW__topBar{background-color:var(--color-bg-white);z-index:10;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.count-aloud-module-scss-module__UXy_pW__backBtn{border:2px solid var(--color-border);color:var(--color-text);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.count-aloud-module-scss-module__UXy_pW__backBtn:hover{border-color:var(--color-text-light);background-color:#f8fafc}.count-aloud-module-scss-module__UXy_pW__title{color:var(--color-text);font-size:20px;font-weight:800}.count-aloud-module-scss-module__UXy_pW__mainArea{max-width:var(--max-width);flex-direction:column;flex:1;align-items:center;width:100%;margin:0 auto;padding:24px;display:flex}.count-aloud-module-scss-module__UXy_pW__instruction{color:var(--color-text);text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:800}.count-aloud-module-scss-module__UXy_pW__numberGrid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;width:100%;max-width:1000px;padding:16px;display:grid}.count-aloud-module-scss-module__UXy_pW__numberCircle{aspect-ratio:1;background-color:var(--color-bg-white);color:var(--color-text);box-shadow:0 4px 0 var(--color-border),0 8px 16px #00000014;cursor:pointer;-webkit-user-select:none;user-select:none;border:4px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:900;transition:all .1s;display:flex}.count-aloud-module-scss-module__UXy_pW__numberCircle:hover{box-shadow:0 6px 0 var(--color-border),0 10px 20px #0000001a;transform:translateY(-2px)}.count-aloud-module-scss-module__UXy_pW__numberCircle:active{box-shadow:0 0px 0 var(--color-border),0 2px 4px #0000001a;transform:translateY(4px)}.count-aloud-module-scss-module__UXy_pW__numberCircle.count-aloud-module-scss-module__UXy_pW__active{background-color:var(--color-primary);color:#fff;border-color:#4a90e2;transform:scale(1.1);box-shadow:0 4px #357abd,0 8px 20px #4a90e266}@media (max-width:600px){.count-aloud-module-scss-module__UXy_pW__numberGrid{grid-template-columns:repeat(4,1fr);gap:12px}.count-aloud-module-scss-module__UXy_pW__numberCircle{font-size:1.5rem}.count-aloud-module-scss-module__UXy_pW__instruction{font-size:1.2rem}}