:root{--bg:#f2f4f8;--surface:#fff;--surface-2:#e8ecf2;--surface-3:#dde3ec;--ink:#0f1e30;--text:#2a3b4d;--soft-text:#5a6b7d;--faint-text:#8a9aad;--border:#d5dce5;--strong-border:#b8c3d1;--rule:#c8d1dc;--primary:#1e3a5f;--primary-hover:#15293f;--primary-soft:#e3e9f0;--primary-tint:#edf1f6;--accent:#ffd60a;--accent-hover:#f0c700;--accent-soft:#fff8d6;--synonym-color:#1e3a5f;--antonym-color:#8b2c3c;--antonym-soft:#fbeaec;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Newsreader", Georgia, "Times New Roman", serif;--font-label:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--shadow-sm:0 1px 2px #0f1e300a;--shadow:0 1px 3px #0f1e300f, 0 1px 2px #0f1e300a;--shadow-md:0 4px 12px #0f1e3014;--radius:8px;--radius-sm:6px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.7}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}.label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.12em;color:var(--soft-text);font-size:11px;font-weight:600}.label--accent{align-items:center;gap:8px;display:inline-flex}.label--accent:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.word-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden}.word-card:before{content:"";background:var(--accent);transform-origin:top;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.word-card:hover{border-color:var(--strong-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-card:hover:before{transform:scaleY(1)}.word-card:hover .word-card__word{color:var(--primary)}.word-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.word-card__word{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.15;transition:color .2s}.word-card__category{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--soft-text);background:var(--surface-2);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.word-card__pos{font-family:var(--font-label);color:var(--primary);margin-bottom:8px;font-size:12px;font-style:italic;font-weight:500}.word-card__pos:before{content:"— ";color:var(--faint-text);font-style:normal}.word-card__definition{font-family:var(--font-body);color:var(--soft-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pill{border:1px solid var(--strong-border);font-family:var(--font-label);color:var(--text);background:var(--surface);cursor:pointer;border-radius:100px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.pill--active{background:var(--primary);color:#fff;border-color:var(--primary)}.pill--active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.pill--synonym{border-color:var(--border);color:var(--primary);background:var(--surface)}.pill--synonym:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.pill--antonym{border-color:var(--antonym-color);color:var(--antonym-color);background:var(--antonym-soft)}.pill--antonym:hover{background:var(--antonym-color);color:#fff;border-color:var(--antonym-color)}.nav-link{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--soft-text);border-bottom:2px solid #0000;padding:6px 0;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--ink)}.nav-link--active{color:var(--primary);border-bottom-color:var(--accent)}.drop-cap:first-letter{font-family:var(--font-display);float:left;color:var(--primary);margin:.04em .12em 0 0;font-size:3.2em;font-weight:800;line-height:.82}.rule{border:0;border-top:1px solid var(--rule);margin:0}.search-input{width:100%;height:52px;font-family:var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--strong-border);border-radius:var(--radius);outline:none;padding:0 20px;font-size:17px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--faint-text);font-style:italic}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.blockquote{font-family:var(--font-body);color:var(--text);border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:var(--shadow-sm);margin:0;padding:16px 20px;font-size:1.0625rem;font-style:italic;line-height:1.7}.entry-word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.pos-badge{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-sm);align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.caption{font-family:var(--font-body);color:var(--soft-text);font-size:.8125rem;font-style:italic}.btn{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--strong-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink)}.btn--icon{padding:8px 12px;font-size:14px}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:block}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card:hover .category-card__name{color:var(--primary)}.category-card__name{font-family:var(--font-display);color:var(--ink);text-transform:capitalize;letter-spacing:-.01em;font-size:1.125rem;font-weight:700;transition:color .2s}.category-card__count{font-family:var(--font-label);color:var(--soft-text);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:600}.etymology-callout{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px 28px}.data-field{flex-direction:column;gap:4px;display:flex}.data-field__label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;color:var(--faint-text);font-size:10px;font-weight:600}.data-field__value{font-family:var(--font-body);color:var(--text);font-size:.9375rem;line-height:1.55}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s forwards fadeIn}.animate-slide{animation:.4s forwards slideIn}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--strong-border);border:3px solid var(--surface-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--soft-text)}::selection{background:var(--accent-soft);color:var(--ink)}.nav-mobile{display:none!important}.word-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.page-padding{padding:48px}@media (width<=1024px){.word-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){body{font-size:16px}.entry-word{font-size:clamp(2rem,8vw,3rem)}.drop-cap:first-letter{font-size:2.6em}.word-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.page-padding{padding:32px 24px}.nav-desktop{display:none!important}.nav-mobile{display:inline-flex!important}}@media (width<=480px){.entry-word{font-size:2rem}.drop-cap:first-letter{font-size:2.4em}.word-grid,.category-grid{grid-template-columns:1fr}.page-padding{padding:24px 20px}}.quiz-option{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;align-items:center;gap:12px;padding:16px 20px;font-family:"var(--font-display)";font-size:1.125rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.quiz-option:disabled{cursor:default}.quiz-option--correct{border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary)!important}.quiz-option--incorrect{border-color:var(--antonym-color)!important;background:var(--antonym-soft)!important;color:var(--antonym-color)!important}.lab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:880px;box-shadow:var(--shadow-md);margin:0 auto;padding:40px 48px;position:relative;overflow:hidden}@media (width<=768px){.lab-card{padding:28px 24px}}.fav-remove{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--soft-text);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.fav-remove:hover{border-color:var(--antonym-color);color:var(--antonym-color);background:var(--antonym-soft)}.category-watermark{font-family:var(--font-display);color:var(--surface-3);font-size:1.75rem;font-weight:800;line-height:1;position:absolute;top:16px;right:16px}