#wordpacks{--wp-radius:16px;--wp-radius-pill:999px;--wp-border:var(--glass-border,rgba(255,255,255,0.08));--wp-border-strong:rgba(255,255,255,0.16);--wp-surface:linear-gradient(180deg,rgba(24,24,26,0.78),rgba(14,14,16,0.85));--wp-surface-hover:linear-gradient(180deg,rgba(30,30,32,0.85),rgba(16,16,18,0.9));--wp-text:rgba(255,255,255,0.96);--wp-text-soft:rgba(255,255,255,0.66);--wp-text-muted:rgba(255,255,255,0.5);--wp-coral:var(--coral,#ea5746);--wp-coral-light:var(--coral-light,#ff8a7a);position:relative;min-height:100dvh;padding:88px clamp(14px,3vw,28px) 32px;display:grid;grid-gap:10px;gap:10px;color:var(--wp-text)}#wordpacks .mesh{position:absolute;inset:-20vmax;z-index:-1;background:radial-gradient(55vmax 45vmax at 12% 12%,rgba(100,181,255,.07),transparent 60%),radial-gradient(50vmax 40vmax at 88% 88%,rgba(234,87,70,.05),transparent 60%);filter:blur(56px);animation:wp-drift 22s ease-in-out infinite alternate}@keyframes wp-drift{0%{transform:translate(-1.5%,-1%) scale(1.02)}to{transform:translate(1.5%,1%) scale(1.05)}}@media (prefers-reduced-motion:reduce){#wordpacks .mesh{animation:none}}#wordpacks .wp-header{width:min(1100px,96%);margin:clamp(1.5rem,4vw,3rem) auto 1.25rem}#wordpacks .wp-header h1{position:relative;margin:0;padding-left:14px;font-size:clamp(1.9rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;color:#fff}#wordpacks .wp-header h1:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:3px;background:linear-gradient(to bottom,var(--wp-coral),rgba(234,87,70,.15))}#wordpacks .wp-header .sub{margin:.75rem 0 0;padding-left:14px;font-size:.98rem;line-height:1.5;color:var(--wp-text-soft);max-width:56ch}#wordpacks .grid{width:min(1100px,96%);margin:0 auto 24px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){#wordpacks .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){#wordpacks .grid{grid-template-columns:1fr}}#wordpacks .card{position:relative;display:flex;flex-direction:column;gap:.6rem;min-height:200px;padding:1rem 1.1rem;border-radius:var(--wp-radius);color:var(--wp-text);background:var(--wp-surface);border:1px solid var(--wp-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(.25,.46,.45,.94),border-color .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer;overflow:hidden;isolation:isolate}#wordpacks .card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none;transition:opacity .25s ease,background .25s ease}#wordpacks .card:hover{transform:translateY(-3px);border-color:rgba(234,87,70,.32);background:var(--wp-surface-hover);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 38px rgba(0,0,0,.5),0 0 0 1px rgba(234,87,70,.08)}#wordpacks .card:hover:before{background:linear-gradient(90deg,transparent,rgba(234,87,70,.55),transparent);width:80%}#wordpacks .card:focus-visible{outline:var(--ring,2px solid rgba(100,181,255,.9));outline-offset:2px}#wordpacks .card__top{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:.75rem;gap:.75rem}#wordpacks .title{margin:0;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:rgba(255,255,255,.96)}#wordpacks .desc{margin:0;font-size:.92rem;line-height:1.5;color:var(--wp-text-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}#wordpacks .meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:0}#wordpacks .chip{padding:.28rem .7rem;font-size:.78rem;font-weight:500;line-height:1;border-radius:var(--wp-radius-pill);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:rgba(255,255,255,.78);letter-spacing:0}#wordpacks .chip:first-child{border-color:rgba(234,87,70,.28);background:rgba(234,87,70,.08);color:rgba(255,200,195,.95)}#wordpacks .chip--muted{color:var(--wp-text-muted)}#wordpacks .row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.1rem}#wordpacks .btn{padding:.55rem 1rem;border-radius:10px;color:#fff;border:1px solid rgba(234,87,70,.55);background:linear-gradient(180deg,var(--wp-coral),#d4493a);box-shadow:inset 0 1px 0 rgba(255,200,190,.22),0 2px 10px rgba(234,87,70,.18);font-weight:600;font-size:.9rem;letter-spacing:0;cursor:pointer;transition:transform .11s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}#wordpacks .btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f0654f,#de4d3d);border-color:rgba(234,87,70,.75);box-shadow:inset 0 1px 0 rgba(255,200,190,.28),0 6px 18px rgba(234,87,70,.28)}#wordpacks .btn:focus-visible{outline:var(--ring,2px solid rgba(100,181,255,.9));outline-offset:2px}#wordpacks .like{padding:.32rem .7rem;border-radius:var(--wp-radius-pill);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);font-size:.85rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform 80ms ease}#wordpacks .like:hover{border-color:rgba(234,87,70,.4);background:rgba(234,87,70,.08);color:#fff}#wordpacks .like[aria-pressed=true]{border-color:rgba(234,87,70,.55);background:rgba(234,87,70,.15);color:#fff}#wordpacks .like:active{transform:scale(.97)}#wordpacks .like:focus-visible{outline:var(--ring,2px solid rgba(100,181,255,.9));outline-offset:2px}#wordpacks .empty{text-align:center;color:var(--wp-text-muted);padding:1.5rem 0}#wordpacks .wp-status{width:min(1100px,96%);margin:3rem auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}#wordpacks .wp-status p{color:var(--wp-text-soft);font-size:.98rem;margin:0}#wordpacks .wp-spinner{width:30px;height:30px;border:2px solid rgba(255,255,255,.1);border-top:2px solid var(--wp-coral);border-radius:50%;animation:wp-spin .75s linear infinite}@keyframes wp-spin{to{transform:rotate(1turn)}}@media (max-width:680px){#wordpacks{padding:80px 14px 24px;overflow-x:hidden}#wordpacks .grid{gap:12px}#wordpacks .card{min-height:0}#wordpacks .card:hover{transform:none}}@media (prefers-reduced-motion:reduce){#wordpacks .btn,#wordpacks .card,#wordpacks .card:before,#wordpacks .like{transition:none}}