.flashcard{margin-top:14px;padding:18px;border-radius:22px;background:linear-gradient(130deg,#f5faec,#fff8e8);border:1px solid #e1ebd6}.flash-main{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,60px);min-height:200px}.flash-symbol{width:170px;height:170px;flex:none;border-radius:34px;background:#fff;box-shadow:0 8px 22px #3f664617;display:grid;place-items:center;color:#387747;font:700 clamp(82px,14vw,126px)/1 Fredoka,sans-serif}.flash-copy{min-width:190px;text-align:center}.flash-count{font-size:10px;font-weight:1000;letter-spacing:1.5px;color:#83a078;margin:0 0 7px}.flash-copy h3{font:600 clamp(23px,3vw,34px)/1.1 Fredoka,sans-serif;color:#294b39;margin:0 0 11px}.flash-example{min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.flash-illustration{font-size:40px}.flash-word,.flash-number-word{font:600 19px Fredoka,sans-serif;color:#60825f}.flash-number-word{text-transform:capitalize}.flash-count-dots{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;max-width:260px}.flash-count-dots i{font-style:normal;font-size:18px}.more-count{width:100%;font-weight:900;font-size:11px;color:#859484}.repeat-sound{margin-top:9px;background:#fff;border:1px solid #dbe8d4;border-radius:99px;padding:9px 14px;font:900 12px Nunito,sans-serif;color:#44724e;cursor:pointer}.repeat-sound:hover{background:#eaf5e2}.flash-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:12px}.flash-controls button:disabled{opacity:.42;cursor:default}.trace-toggle{background:#e7f3dd;color:#3e7650}.flash-picker{margin-top:18px}.flash-picker>p{font-weight:1000;font-size:12px;color:#6f866f;margin:0 0 8px}.flash-picker-grid{margin-top:0}.flash-picker-grid .selected{outline:2px solid #54a767;outline-offset:1px}.flash-picker-grid .number-btn.selected{background:#a9d891;color:#244d35}.flash-trace{margin-top:15px;border-top:1px solid #e4ebdc;padding-top:13px}.flash-trace>p{font-size:13px;font-weight:800;color:#68806a;margin:0 0 8px}.flash-trace .trace-box{margin-top:5px}.flash-trace .trace-canvas{height:180px}.flash-trace .trace-letter{color:#deedcf}
@media(max-width:600px){.flashcard{padding:12px;border-radius:18px}.flash-main{min-height:150px;gap:12px}.flash-symbol{height:120px;width:120px;border-radius:24px;font-size:82px}.flash-copy{min-width:0;flex:1}.flash-copy h3{font-size:22px}.flash-illustration{font-size:31px}.flash-word,.flash-number-word{font-size:16px}.flash-count-dots{max-width:180px}.flash-count-dots i{font-size:14px}.flash-controls{gap:5px;flex-wrap:wrap}.flash-controls .small-btn{padding:7px 9px;font-size:10px}.flash-picker-grid.alphabet-grid{grid-template-columns:repeat(7,1fr)}.flash-picker-grid.number-grid{grid-template-columns:repeat(10,1fr)}.flash-picker-grid .number-btn{font-size:11px}.flash-trace .trace-box{gap:8px}.flash-trace .trace-canvas{height:155px}.flash-trace .trace-side{min-width:95px}.flash-trace .trace-letter{font-size:58px}}