*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-hover:#242424;--text:#e8e4df;--text-muted:#8a8580;--text-dim:#5a5550;--border:#2a2725;--border-hover:#3a3530;--accent:#c9a96e;--accent-dim:#c9a96e1f;--cat-similars:#7ea8be;--cat-synonyms:#8bb174;--cat-antonyms:#c47a7a;--cat-evocative:#b898c8;--cat-sounds:#c4a86e;--cat-spelling:#7abab1;--cat-rhymes:#cf8f6e;--cat-adjectives:#8e9cc4;--cat-nouns:#c48ea0;--cat-suggestions:#8a8580;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:100px;--ease:cubic-bezier(.22,1,.36,1);--duration:.3s}@media (prefers-color-scheme:light){:root{--bg:#f5f0ea;--bg-surface:#ebe5dd;--bg-hover:#e0d9d0;--text:#1a1815;--text-muted:#6e6960;--text-dim:#9e9890;--border:#d5cec4;--border-hover:#c5beb4;--accent:#8a6e3e;--accent-dim:#8a6e3e1a}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}body:before{content:"";position:fixed;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;inset:0}.app{padding:var(--space-lg)var(--space-lg)var(--space-2xl);max-width:860px;min-height:100vh;margin:0 auto}.header{text-align:center;padding:var(--space-2xl)0 var(--space-xl);transition:padding var(--duration)var(--ease)}.app--compact .header{padding:var(--space-lg)0 var(--space-sm)}.header-link{text-decoration:none;display:inline-block;cursor:pointer}.header-link:hover .header-title{color:var(--accent)}.header-link:hover .header-subtitle{color:var(--text)}.header-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);transition:font-size var(--duration)var(--ease),color var(--duration)var(--ease);font-size:3.5rem;font-weight:400;line-height:1}.app--compact .header-title{font-size:2rem}.header-title span{vertical-align:middle;margin-left:.15em;font-size:.65em}.header-subtitle{font-family:var(--font-display);color:var(--text-muted);margin-top:var(--space-xs);letter-spacing:.01em;transition:font-size var(--duration)var(--ease),color var(--duration)var(--ease);font-size:1.1rem;font-style:italic}.app--compact .header-subtitle{font-size:.85rem}.search-container{margin:var(--space-xl)auto var(--space-lg);transition:margin var(--duration)var(--ease);max-width:520px}.app--compact .search-container{margin-top:var(--space-md)}.search-field{position:relative}.search-input{font-family:var(--font-body);padding:var(--space-md)var(--space-lg);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text);outline:none;transition:border-color var(--duration)var(--ease),box-shadow var(--duration)var(--ease);width:100%;padding-right:3.5rem;font-size:1.1rem;font-weight:400}.search-input::placeholder{color:var(--text-dim);font-style:italic}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-hint{text-align:center;color:var(--text-dim);margin-top:var(--space-sm);font-size:.78rem;font-style:italic}.search-submit{position:absolute;background:var(--accent-dim);display:flex;cursor:pointer;color:var(--accent);transition:background var(--duration)var(--ease);border:none;border-radius:50%;justify-content:center;align-items: center;width:38px;height:38px;top:50%;right:6px;transform:translateY(-50%)}.search-submit:hover{background:var(--accent);color:var(--bg)}.search-submit svg{width:18px;height:18px}.filter-bar{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:0 var(--space-md);flex-wrap:wrap;justify-content:center}.filter-pill{font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:all var(--duration)var(--ease);white-space:nowrap;background:0 0;padding:5px 14px;font-size:.78rem;font-weight:500}.filter-pill:hover{border-color:var(--border-hover);color:var(--text)}.filter-pill.active{background:var(--text);border-color:var(--text);color:var(--bg)}.results{display:flex;gap:var(--space-xl);flex-direction:column}.category-section{animation:fadeUp .4s var(--ease)both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.category-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.category-name{font-family:var(--font-display);color:var(--text);font-size:1.25rem;font-weight:400}.category-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transform:translateY(-1px)}.category-count{color:var(--text-dim);font-size:.75rem;font-style:italic}.category-words{display:flex;gap:var(--space-sm);flex-wrap:wrap}.word-chip{font-family:var(--font-body);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all .2s var(--ease);position:relative;user-select:none;padding:6px 16px;font-size:.88rem;font-weight:400}.word-chip:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-1px)}.word-chip:active{transform:translateY(0)}.toast{position:fixed;bottom:var(--space-lg);background:var(--text);color:var(--bg);font-family:var(--font-body);border-radius:var(--radius-pill);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:1000;padding:8px 20px;font-size:.82rem;font-weight:500;left:50%;transform:translate(-50%)translateY(20px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.loading{display:flex;padding:var(--space-2xl)0;justify-content:center}.loading-dots{display:flex;gap:6px}.loading-dot{background:var(--text-dim);animation:pulse 1.2s var(--ease)infinite;border-radius:50%;width:6px;height:6px}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.empty-state{text-align:center;padding:var(--space-2xl)var(--space-md);color:var(--text-dim)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.4;font-size:2.5rem}.empty-state-text{font-family:var(--font-display);font-size:1.1rem;font-style:italic}.no-results{text-align:center;padding:var(--space-xl)var(--space-md)}.no-results-text{font-family:var(--font-display);color:var(--text-muted);font-size:1.1rem;font-style:italic}.footer{text-align:center;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border);color:var(--text-dim);font-size:.78rem}.footer a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border);transition:color var(--duration)var(--ease),border-color var(--duration)var(--ease)}.footer a:hover{color:var(--text);border-color:var(--text-muted)}@media (max-width:600px){.header{padding:var(--space-xl)0 var(--space-lg)}.header-title{font-size:2.5rem}.search-input{padding:14px var(--space-lg);padding-right:3.2rem;font-size:1rem}.filter-bar{gap:6px;padding:0}.filter-pill{padding:4px 11px;font-size:.72rem}.category-words{gap:6px}.word-chip{padding:5px 13px;font-size:.82rem}}