*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Noto Sans SC,sans-serif;color:#333;background:#faf9f6;-webkit-font-smoothing:antialiased}button:active{transform:scale(.97)}@media (max-width: 640px){.initials-grid,.finals-grid{grid-template-columns:repeat(3,1fr)!important}}.tone-1{color:#4a90d9;border-color:#4a90d9}.tone-2{color:#7cb342;border-color:#7cb342}.tone-3{color:#f5a623;border-color:#f5a623}.tone-4{color:#e85d3a;border-color:#e85d3a}.tone-5{color:#999;border-color:#999}a,button{transition:all .15s ease}