.skip-counting-module-scss-module__8KMvxq__container{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.skip-counting-module-scss-module__8KMvxq__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}.skip-counting-module-scss-module__8KMvxq__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}.skip-counting-module-scss-module__8KMvxq__backBtn:hover{border-color:var(--color-text-light);background-color:#f8fafc}.skip-counting-module-scss-module__8KMvxq__title{color:var(--color-text);font-size:20px;font-weight:800}.skip-counting-module-scss-module__8KMvxq__mainArea{max-width:var(--max-width);flex-direction:column;flex:1;align-items:center;width:100%;margin:0 auto;padding:32px 24px;display:flex}.skip-counting-module-scss-module__8KMvxq__instruction{color:var(--color-text);text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:900}.skip-counting-module-scss-module__8KMvxq__subInstruction{color:var(--color-text-light);text-align:center;margin-bottom:40px;font-size:1.1rem}.skip-counting-module-scss-module__8KMvxq__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%;display:grid}.skip-counting-module-scss-module__8KMvxq__card{background-color:var(--color-bg-white);text-align:center;box-shadow:0 8px 0 var(--color-border),0 12px 24px #00000014;cursor:pointer;border:none;border-radius:24px;flex-direction:column;align-items:center;width:100%;padding:32px;transition:all .2s;display:flex;position:relative;overflow:hidden}.skip-counting-module-scss-module__8KMvxq__card:hover{box-shadow:0 12px 0 var(--color-border),0 16px 32px #0000001a;background-color:#fafbfc;transform:translateY(-4px)}.skip-counting-module-scss-module__8KMvxq__card:active{box-shadow:0 4px 0 var(--color-border),0 6px 12px #0000001a;transform:translateY(4px)}.skip-counting-module-scss-module__8KMvxq__colorStrip{height:8px;position:absolute;top:0;left:0;right:0}.skip-counting-module-scss-module__8KMvxq__cardIcon{background-color:var(--color-bg);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:3rem;display:flex}.skip-counting-module-scss-module__8KMvxq__cardTitle{color:var(--color-text);margin-bottom:8px;font-size:1.5rem;font-weight:800}.skip-counting-module-scss-module__8KMvxq__cardDesc{color:#fff;font-size:1rem;font-weight:700}.skip-counting-module-scss-module__8KMvxq__activityArea{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:24px;display:flex}.skip-counting-module-scss-module__8KMvxq__counterBox{text-align:center;margin-bottom:48px}.skip-counting-module-scss-module__8KMvxq__currentNumber{color:var(--color-primary);margin-bottom:16px;font-size:8rem;font-weight:900;line-height:1}.skip-counting-module-scss-module__8KMvxq__nextButton{background-color:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:16px;padding:24px 64px;font-size:2rem;font-weight:900;transition:all .1s;display:flex;box-shadow:0 10px #e69b2d}.skip-counting-module-scss-module__8KMvxq__nextButton:hover{transform:translateY(-4px);box-shadow:0 14px #e69b2d}.skip-counting-module-scss-module__8KMvxq__nextButton:active{transform:translateY(6px);box-shadow:0 4px #e69b2d}.skip-counting-module-scss-module__8KMvxq__nextButton:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-text-light);transform:none;box-shadow:0 10px #4b5563}.skip-counting-module-scss-module__8KMvxq__progressContainer{width:100%;max-width:500px;margin-top:60px}.skip-counting-module-scss-module__8KMvxq__progressBar{background-color:var(--color-border);border-radius:6px;height:12px;overflow:hidden}.skip-counting-module-scss-module__8KMvxq__progressFill{background-color:var(--color-success);height:100%;transition:width .3s ease-out}.skip-counting-module-scss-module__8KMvxq__resetBtn{border:2px solid var(--color-border);color:var(--color-text-light);background:0 0;border-radius:50px;margin-top:32px;padding:8px 24px;font-size:1rem;font-weight:700;transition:all .2s}.skip-counting-module-scss-module__8KMvxq__resetBtn:hover{background-color:var(--color-bg-white);color:var(--color-text);border-color:var(--color-text-light)}@media (max-width:600px){.skip-counting-module-scss-module__8KMvxq__currentNumber{font-size:6rem}.skip-counting-module-scss-module__8KMvxq__nextButton{padding:16px 48px;font-size:1.5rem}.skip-counting-module-scss-module__8KMvxq__instruction{font-size:1.4rem}}