WPCode snippet. Same selectors, so nothing else needs to change. What changed vs. the live version: - Word pills (.lfl-pill): 13px -> 16px, bumped padding, solid lighter-tint background kept but border opacity raised so the pill actually reads as a "chip" instead of a faint outline. - Column headers, badge labels, stat labels, streak/share text: all bumped roughly +2-3px so nothing sits under 13px anywhere except tiny meta text (rank numbers, timestamps). - Base font-family untouched (still Nunito). =================================================================== */ #lfl-wt{--lb:#1a5fa8;--la:#4a90d9;--ll:#d6eaf8;--lbg:#f0f7ff;--lg:#2e9e6b;--lgbg:#eaf7f1;--gold:#e8a020;font-family:'Nunito','Segoe UI',sans-serif;max-width:860px;margin:0 auto;padding:.75rem 0;} #lfl-wt *{box-sizing:border-box;margin:0;padding:0;} #lfl-wt .lfl-hdr{text-align:center;margin-bottom:.6rem;} #lfl-wt .lfl-hdr h2{font-size:23px;font-weight:600;color:var(--lb);margin:0;} #lfl-wt .lfl-hdr p{font-size:14px;color:#555;margin-top:2px;} #lfl-wt .lfl-pw{margin:.4rem 0 .6rem;padding:0 2px;} #lfl-wt .lfl-pl{display:flex;justify-content:space-between;font-size:13px;color:#555;margin-bottom:3px;} #lfl-wt .lfl-pt{height:8px;background:#e6e6e6;border-radius:8px;overflow:hidden;} #lfl-wt .lfl-pf{height:100%;background:linear-gradient(90deg,var(--lb),var(--la));border-radius:8px;transition:width .4s ease;width:0%;} #lfl-wt .lfl-mdots{display:flex;justify-content:space-between;margin-top:3px;} #lfl-wt .lfl-mdot{display:flex;flex-direction:column;align-items:center;gap:2px;} #lfl-wt .lfl-mc{width:10px;height:10px;border-radius:50%;border:2px solid #bbb;background:#fff;transition:all .3s;} #lfl-wt .lfl-mc.earned{background:var(--gold);border-color:var(--gold);} #lfl-wt .lfl-ml{font-size:11px;color:#777;} #lfl-wt .lfl-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:.6rem;} #lfl-wt .lfl-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;border:1.5px solid #d5d5d5;background:#f7f7f7;min-width:58px;transition:all .3s;} #lfl-wt .lfl-badge.earned{background:var(--lbg);border-color:var(--gold);} #lfl-wt .lfl-badge-icon{font-size:18px;filter:grayscale(1);opacity:.4;transition:all .3s;} #lfl-wt .lfl-badge.earned .lfl-badge-icon{filter:none;opacity:1;} #lfl-wt .lfl-badge-name{font-size:11px;font-weight:600;color:#777;} #lfl-wt .lfl-badge.earned .lfl-badge-name{color:var(--lb);} #lfl-wt .lfl-badge-lbl{font-size:11px;color:#777;} #lfl-wt .lfl-badge.earned .lfl-badge-lbl{color:var(--gold);} #lfl-wt .lfl-stats{display:flex;gap:8px;margin-bottom:.7rem;justify-content:center;flex-wrap:wrap;} #lfl-wt .lfl-stat{background:#f0f0f0;border-radius:8px;padding:7px 14px;text-align:center;min-width:86px;} #lfl-wt .lfl-stat-n{font-size:21px;font-weight:600;color:var(--lb);} #lfl-wt .lfl-stat-l{font-size:12px;color:#777;margin-top:1px;} #lfl-wt .lfl-stat.gold .lfl-stat-n{color:var(--gold);} #lfl-wt .lfl-stat.green .lfl-stat-n{color:var(--lg);} #lfl-wt .lfl-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:.8rem;flex-wrap:wrap;} #lfl-wt .lfl-streak{background:var(--lbg);border:1.5px solid var(--ll);border-radius:20px;padding:5px 14px;font-size:14px;color:var(--lb);font-weight:600;} #lfl-wt .lfl-share{background:var(--la);color:white;border:none;padding:7px 18px;border-radius:20px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600;} #lfl-wt .lfl-share:hover{opacity:.85;} #lfl-wt .lfl-fc-section{background:#f5f5f5;border-radius:14px;padding:1rem;margin-bottom:.9rem;} #lfl-wt .lfl-fc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;flex-wrap:wrap;gap:6px;} #lfl-wt .lfl-fc-top-left{display:flex;gap:6px;} #lfl-wt .lfl-fc-mode{font-size:13px;padding:4px 13px;border-radius:12px;border:1.5px solid #ccc;background:transparent;color:#666;cursor:pointer;font-family:inherit;font-weight:500;} #lfl-wt .lfl-fc-mode.active{border-color:var(--lb);color:var(--lb);background:var(--lbg);} #lfl-wt .lfl-fc-prog{font-size:13px;color:#555;} #lfl-wt .lfl-fc-card{background:#fff;border:2px solid var(--ll);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .12s;min-height:90px;} #lfl-wt .lfl-fc-card:hover{transform:scale(1.005);} #lfl-wt .lfl-fc-left{flex:1;} #lfl-wt .lfl-fc-word{font-size:32px;font-weight:600;color:var(--lb);line-height:1.1;} #lfl-wt .lfl-fc-rank{font-size:12px;color:#888;margin-top:2px;} #lfl-wt .lfl-fc-rc{min-width:200px;text-align:left;border-left:2px solid var(--ll);padding-left:1rem;} #lfl-wt .lfl-fc-de{font-size:18px;font-weight:600;color:var(--gold);display:none;} #lfl-wt .lfl-fc-de.show{display:block;} #lfl-wt .lfl-fc-def{font-size:13px;color:#555;line-height:1.5;margin-top:3px;display:none;} #lfl-wt .lfl-fc-def.show{display:block;} #lfl-wt .lfl-fc-soon{font-size:12px;color:#999;margin-top:3px;display:none;} #lfl-wt .lfl-fc-soon.show{display:block;} #lfl-wt .lfl-fc-tap{font-size:13px;color:#999;} #lfl-wt .lfl-fc-btns{display:flex;gap:10px;margin-top:.75rem;justify-content:center;} #lfl-wt .lfl-fc-btn{padding:9px 26px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:opacity .15s;} #lfl-wt .lfl-fc-btn.still{background:var(--ll);color:var(--lb);} #lfl-wt .lfl-fc-btn.know{background:var(--lgbg);color:var(--lg);border:1.5px solid rgba(46,158,107,.45);} #lfl-wt .lfl-fc-btn:hover{opacity:.8;} #lfl-wt .lfl-fc-empty{text-align:center;padding:1.5rem;font-size:15px;color:#777;} #lfl-wt .lfl-search-row{display:flex;gap:8px;margin-bottom:9px;} #lfl-wt .lfl-search-row input{flex:1;padding:6px 12px;border-radius:8px;border:1.5px solid #ccc;font-size:14px;font-family:inherit;background:#fff;color:#333;} #lfl-wt .lfl-search-row input:focus{outline:none;border-color:var(--la);} #lfl-wt .lfl-search-row select{padding:6px 8px;border-radius:8px;border:1.5px solid #ccc;font-size:14px;font-family:inherit;background:#fff;color:#333;} #lfl-wt .lfl-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin-bottom:1rem;} #lfl-wt .lfl-col-hdr{font-size:14px;font-weight:600;padding:7px 12px;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between;} #lfl-wt .lfl-col-hdr.unk{background:var(--ll);color:var(--lb);} #lfl-wt .lfl-col-hdr.kno{background:var(--lgbg);color:var(--lg);} #lfl-wt .lfl-col-body{border:2px solid #d8d8d8;border-top:none;border-radius:0 0 8px 8px;padding:8px;min-height:220px;max-height:320px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;} #lfl-wt .lfl-col-body.drag-over{background:var(--lbg);border-color:var(--la);} #lfl-wt .lfl-pill{padding:5px 13px;border-radius:16px;font-size:16px;font-weight:600;cursor:grab;user-select:none;display:flex;align-items:center;gap:4px;transition:transform .1s,opacity .1s;} #lfl-wt .lfl-pill:active{cursor:grabbing;transform:scale(1.04);} #lfl-wt .lfl-pill.up{background:var(--ll);color:var(--lb);border:1.5px solid rgba(26,95,168,.4);} #lfl-wt .lfl-pill.kp{background:var(--lgbg);color:var(--lg);border:1.5px solid rgba(46,158,107,.45);} #lfl-wt .lfl-tb{background:none;border:none;cursor:pointer;font-size:13px;color:currentColor;opacity:.6;padding:0;line-height:1;font-family:inherit;} #lfl-wt .lfl-tb:hover{opacity:1;} #lfl-wt .lfl-mall{font-size:12px;padding:3px 9px;border-radius:10px;border:1.5px solid currentColor;background:transparent;cursor:pointer;color:inherit;font-family:inherit;opacity:.75;} #lfl-wt .lfl-mall:hover{opacity:1;} #lfl-wt .lfl-drop-hint{font-size:13px;color:#888;text-align:center;width:100%;margin-top:8px;opacity:.75;} #lfl-wt .lfl-divider{height:1.5px;background:#e0e0e0;margin:0 0 .9rem;} #lfl-wt .lfl-section-title{font-size:15px;font-weight:600;color:#666;margin-bottom:.6rem;} #lfl-wt .lfl-rv-prog{font-size:13px;color:#555;margin-bottom:.5rem;} #lfl-wt .lfl-rv-card{background:#fff;border:2px solid var(--lgbg);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;min-height:80px;transition:transform .12s;} #lfl-wt .lfl-rv-card:hover{transform:scale(1.005);} #lfl-wt .lfl-rv-word{font-size:28px;font-weight:600;color:var(--lg);} #lfl-wt .lfl-rv-rank{font-size:12px;color:#888;margin-top:2px;} #lfl-wt .lfl-rv-rc{min-width:180px;border-left:2px solid var(--lgbg);padding-left:1rem;flex:1;} #lfl-wt .lfl-rv-de{font-size:17px;font-weight:600;color:var(--gold);display:none;} #lfl-wt .lfl-rv-de.show{display:block;} #lfl-wt .lfl-rv-def{font-size:13px;color:#555;line-height:1.5;margin-top:2px;display:none;} #lfl-wt .lfl-rv-def.show{display:block;} #lfl-wt .lfl-rv-tap{font-size:13px;color:#999;} #lfl-wt .lfl-rv-btns{display:flex;gap:10px;margin-top:.65rem;justify-content:center;} #lfl-wt .lfl-rv-empty{text-align:center;padding:1rem;font-size:14px;color:#777;} #lfl-wt .lfl-recent-list{display:flex;flex-direction:column;gap:5px;} #lfl-wt .lfl-recent-item{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#f0f0f0;border-radius:8px;flex-wrap:wrap;} #lfl-wt .lfl-rw{font-size:16px;font-weight:600;color:var(--lb);min-width:68px;} #lfl-wt .lfl-rde{font-size:13px;color:var(--gold);min-width:65px;} #lfl-wt .lfl-rd{font-size:13px;color:#777;flex:1;} #lfl-wt .lfl-rt{font-size:12px;color:#999;} #lfl-wt .lfl-undo{font-size:12px;padding:3px 9px;border-radius:8px;border:1.5px solid #ccc;background:transparent;cursor:pointer;color:#777;font-family:inherit;} #lfl-wt .lfl-undo:hover{border-color:var(--lb);color:var(--lb);} #lfl-wt .lfl-empty-msg{text-align:center;font-size:14px;color:#999;padding:1.5rem;} #lfl-wt-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(70px);background:var(--lb);color:white;padding:10px 22px;border-radius:18px;font-size:14px;font-family:'Nunito','Segoe UI',sans-serif;z-index:99999;transition:transform .3s,opacity .3s;opacity:0;pointer-events:none;white-space:nowrap;} #lfl-wt-toast.show{transform:translateX(-50%) translateY(0);opacity:1;} @media(max-width:600px){ #lfl-wt .lfl-cols{grid-template-columns:1fr;} #lfl-wt .lfl-fc-card{flex-direction:column;align-items:flex-start;} #lfl-wt .lfl-fc-rc{border-left:none;border-top:2px solid var(--ll);padding-left:0;padding-top:.75rem;min-width:unset;width:100%;} }