.colms-front{max-width:1100px;margin:24px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2327}.colms-vocab-grid,.colms-flashcards,.colms-writing-grid,.colms-hsk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.colms-word,.colms-card-item,.colms-writing-item,.colms-hsk-card,.colms-list article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 4px 16px #0000000a}.hanzi{font-size:48px;line-height:1.1}.pinyin{font-size:19px}.meaning{font-weight:600;margin:6px 0}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef4ff;font-size:12px}.colms-toolbar{margin-bottom:15px}.colms-filter,.colms-pinyin-tool input,.colms-analyzer textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccd0d4;border-radius:10px}.colms-speak,.colms-review button,.colms-exam-start,.colms-analyze{border:1px solid #ccd0d4;border-radius:9px;padding:8px 12px;background:#fff;cursor:pointer}.colms-flashcards .colms-card-item{min-height:180px;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.colms-card-item .back{display:none}.colms-card-item.flipped .front{display:none}.colms-card-item.flipped .back{display:block}.colms-review{display:flex;gap:6px;justify-content:center;margin-top:15px}.colms-list{display:grid;gap:16px}.colms-list article h3{margin:8px 0}.colms-list details{margin-top:12px}.colms-writing-grid .colms-writing-item{text-align:center}.colms-canvas{border:1px dashed #ccc;margin-top:10px}.colms-hsk-card .progress{height:8px;background:#edf0f2;border-radius:20px;overflow:hidden}.colms-hsk-card .progress i{display:block;height:100%;background:#2271b1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px;text-align:center}.stats b{display:block;font-size:26px}.stats span{color:#646970}.colms-analyzer{display:grid;gap:12px}.colms-analyzer .result{white-space:pre-wrap;background:#f6f7f7;padding:15px;border-radius:8px}.colms-pinyin-tool{max-width:700px}.tones{line-height:2}@media(max-width:650px){.stats{grid-template-columns:1fr}}