@keyframes float{0%,100%{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(1deg)}50%{transform:translateY(-5px)rotate(-1deg)}75%{transform:translateY(-15px)rotate(.5deg)}}.topic-cloud-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.topic-cloud-header{text-align:center;margin-bottom:3rem}.topic-cloud-header h1{font-size:2.5rem;margin-bottom:.5rem}.topic-cloud-header .topic-cloud-subtitle{color:var(--color-text-secondary,#666);margin-bottom:2rem}.topic-cloud-controls{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:3rem auto;padding:1rem}.topic-cloud-controls .toggle-singles{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--color-border,#ddd);border-radius:24px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--color-text,#333);box-shadow:0 2px 8px rgba(0,0,0,8%)}.topic-cloud-controls .toggle-singles:hover{border-color:var(--color-primary,#ff9e9e);background:rgba(255,158,158,5%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.topic-cloud-controls .toggle-singles[aria-pressed=true]{background:var(--color-primary,#ff9e9e);color:#fff;border-color:var(--color-primary,#ff9e9e)}.topic-cloud-controls .toggle-singles[aria-pressed=true] .toggle-label::before{content:"Show single-item topics"}.topic-cloud-controls .toggle-singles .toggle-label::before{content:"Hide single-item topics"}.topic-cloud-controls .sort-controls{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:24px;border:2px solid var(--color-border,#ddd);box-shadow:0 2px 8px rgba(0,0,0,8%)}.topic-cloud-controls .sort-controls .sort-btn{padding:.5rem 1rem;background:0 0;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--color-text,#333)}.topic-cloud-controls .sort-controls .sort-btn:hover{background:rgba(255,158,158,.1)}.topic-cloud-controls .sort-controls .sort-btn.active{background:var(--color-primary,#ff9e9e);color:#fff}.topic-cloud-controls .view-toggle{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--color-border,#ddd);border-radius:24px;font-size:.95rem;font-weight:500;text-decoration:none;color:var(--color-text,#333);transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,8%)}.topic-cloud-controls .view-toggle:hover{border-color:var(--color-primary,#ff9e9e);background:rgba(255,158,158,5%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.topic-cloud-count{text-align:center;color:var(--color-text-secondary,#666);font-size:.9rem;margin-bottom:2rem}.topic-cloud{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:2rem 0;contain:layout style}.topic-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--pill-color,#ff9e9e),color-mix(in srgb,var(--pill-color,#ff9e9e) 70%,black));color:#fff;text-decoration:none;border-radius:40px;font-size:calc(var(--pill-size,80px) * .15);min-width:var(--pill-size,80px);height:calc(var(--pill-size,80px) * .5);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .2s ease-out,box-shadow .2s ease-out;animation:float 4s ease-in-out infinite;animation-delay:var(--pill-delay,0s);will-change:transform}.topic-pill:hover{transform:scale(1.05)rotate(-2deg);box-shadow:0 4px 16px rgba(0,0,0,.25);animation-play-state:paused}.topic-pill .topic-pill-thumb{width:calc(var(--pill-size,80px) * .4);height:calc(var(--pill-size,80px) * .4);border-radius:50%;background-size:cover;background-position:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.topic-pill .topic-pill-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.topic-pill .topic-pill-count{background:rgba(0,0,0,.3);padding:.2rem .5rem;border-radius:12px;font-size:.85em;font-weight:600;min-width:2em;text-align:center}.topic-pill[data-hidden=true]{display:none}.topic-cloud-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary,#666)}.topic-cloud-empty p{font-size:1.2rem}.topic-cloud.reduced-motion .topic-pill{animation:none!important}.topic-cloud.reduced-motion .topic-pill:hover{transform:scale(1.02)!important}@media(prefers-reduced-motion:reduce){.topic-pill{animation:none!important}.topic-pill:hover{transform:scale(1.02)!important}}@media(max-width:768px){.topic-cloud-container{padding:1rem .5rem}.topic-cloud-header{margin-bottom:2rem}.topic-cloud-header h1{font-size:2rem}.topic-cloud-controls{flex-direction:column}.topic-cloud-controls .topic-cloud-search{max-width:100%}.topic-cloud{gap:.75rem;padding:1rem 0}.topic-pill{font-size:calc(var(--pill-size,80px) * .18);min-width:calc(var(--pill-size,80px) * .9);height:calc(var(--pill-size,80px) * .45)}}@media(max-width:480px){.topic-cloud-header h1{font-size:1.75rem}.topic-pill{font-size:calc(var(--pill-size,80px) * .2);gap:.35rem;padding:.4rem .8rem}}