.wps-widget{font-family:Montserrat}.wps-title{display:flex;align-items:center;gap:8px;font-size:1.25rem;margin-bottom:12px}.wps-container{display:flex;flex-wrap:wrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.wps-card{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;border:1px solid #cbd6e2;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,min-width .2s,padding .2s;position:relative;min-width:30px;height:40px;padding:8px;background:#fff;outline:none}.wps-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.wps-card:first-child{background:#e3f2fd}.wps-card:nth-child(2){background:#fce4ec}.wps-card:nth-child(3){background:#e8f5e9}.wps-card-compact{display:flex;align-items:center;gap:8px;font-size:1.2rem}.wps-flag{font-size:1.4rem;line-height:1}.wps-audio-icon{font-size:14px}.wps-ipa{font-family:Courier New,monospace;font-size:.9rem;color:#000;white-space:nowrap;opacity:0;margin-left:8px;transition:opacity .2s ease,max-width .2s ease;max-width:0;overflow:hidden}.wps-card.expanded{min-width:160px;padding:8px 12px}.wps-card.expanded .wps-ipa{opacity:1;max-width:200px}@media (min-width:768px){.wps-card{min-width:48px;height:48px}.wps-card.expanded{min-width:160px}.wps-ipa{font-size:1rem}}