@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Lora:ital,wght@0,400;1,400&display=swap";:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#1b2a4a;--bg-card-hover:#213258;--bg-input:#0f1a30;--bg-nav:#0d1526;--border-color:#ffffff0f;--border-card:#6495ed1f;--text-primary:#e8edf5;--text-secondary:#8a9bb5;--text-muted:#5a6a80;--text-word:#4fc3f7;--text-link:#4fc3f7;--text-link-hover:#81d4fa;--text-example:#8a9bb5;--accent-blue:#4fc3f7;--accent-green:#66bb6a;--accent-red:#ef5350;--accent-orange:#ffa726;--accent-purple:#ab47bc;--accent-cyan:#26c6da;--accent-gradient:linear-gradient(135deg, #4fc3f7 0%, #ab47bc 100%);--vote-up:#66bb6a;--vote-down:#ef5350;--vote-bg:#ffffff0a;--vote-bg-hover:#ffffff14;--nav-height:56px;--container-width:680px;--card-padding:24px;--card-radius:8px;--gap:16px;--shadow-card:0 2px 12px #00000040;--shadow-nav:0 1px 8px #0006;--shadow-input:0 0 0 2px #4fc3f740;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--text-link);transition:color var(--transition);text-decoration:none}a:hover{color:var(--text-link-hover)}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}.nav{z-index:100;background:var(--bg-nav);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-nav);height:var(--nav-height);position:sticky;top:0}.nav__inner{align-items:center;gap:16px;max-width:1080px;height:100%;margin:0 auto;padding:0 20px;display:flex}.nav__logo{letter-spacing:-.5px;color:var(--text-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:1.35rem;font-weight:900;display:flex}.nav__logo span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav__search{flex:1;max-width:520px;position:relative}.nav__search-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-primary);transition:border var(--transition), box-shadow var(--transition);border-radius:6px;outline:none;padding:0 16px 0 40px;font-size:.9rem}.nav__search-input::placeholder{color:var(--text-muted)}.nav__search-input:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-input)}.nav__search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav__btn{width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition);border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.nav__btn:hover{background:var(--vote-bg-hover);color:var(--text-primary)}.nav__btn--menu{display:none}.main{max-width:var(--container-width);margin:0 auto;padding:20px 16px 60px}.page-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px;font-size:1.6rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.word-card{background:var(--bg-card);border:1px solid var(--border-card);border-left:3px solid var(--accent-blue);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--gap);box-shadow:var(--shadow-card);transition:background var(--transition), border-color var(--transition);animation:.4s both fadeInUp}.word-card:hover{background:var(--bg-card-hover);border-left-color:var(--accent-purple)}.word-card:first-child{animation-delay:0s}.word-card:nth-child(2){animation-delay:50ms}.word-card:nth-child(3){animation-delay:.1s}.word-card:nth-child(4){animation-delay:.15s}.word-card:nth-child(5){animation-delay:.2s}.word-card:nth-child(6){animation-delay:.25s}.word-card:nth-child(7){animation-delay:.3s}.word-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.word-card__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.word-card__title{color:var(--text-word);letter-spacing:-.5px;font-size:1.65rem;font-weight:800;line-height:1.2}.word-card__title a{color:inherit}.word-card__title a:hover{text-decoration:underline}.word-card__audio-btn{color:var(--text-muted);transition:all var(--transition);border-radius:4px;padding:4px;font-size:1rem}.word-card__audio-btn:hover{color:var(--accent-blue);background:var(--vote-bg)}.word-card__nav{gap:4px;display:flex}.word-card__nav-btn{width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.word-card__nav-btn:hover{background:var(--vote-bg);color:var(--text-primary)}.word-card__definition{color:var(--text-primary);margin-bottom:14px;font-size:.95rem;line-height:1.7}.word-card__definition a{color:var(--text-link);-webkit-text-decoration:underline #4fc3f74d;text-decoration:underline #4fc3f74d}.word-card__definition a:hover{-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}.word-card__example{color:var(--text-example);border-left:2px solid #4fc3f733;margin-bottom:16px;padding-left:14px;font-family:Lora,Georgia,serif;font-size:.9rem;font-style:italic;line-height:1.7}.word-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.word-card__tag{color:var(--accent-blue);transition:all var(--transition);background:#4fc3f71a;border:1px solid #4fc3f726;border-radius:20px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.word-card__tag:hover{background:#4fc3f733}.word-card__tag--origin{color:var(--accent-purple);background:#ab47bc1a;border-color:#ab47bc26}.word-card__tag--origin:hover{background:#ab47bc33}.word-card__footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.word-card__meta{color:var(--text-muted);font-size:.78rem}.word-card__meta a{color:var(--text-secondary)}.word-card__meta a:hover{color:var(--text-link)}.word-card__actions{align-items:center;gap:6px;display:flex}.vote-btn{background:var(--vote-bg);transition:all var(--transition);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:600;display:flex}.vote-btn__icon{font-size:.9rem}.vote-btn--up{color:var(--vote-up)}.vote-btn--up:hover{background:#66bb6a26}.vote-btn--up.active{background:#66bb6a33}.vote-btn--down{color:var(--vote-down)}.vote-btn--down:hover{background:#ef535026}.vote-btn--down.active{background:#ef535033}.share-btn{width:32px;height:32px;color:var(--text-muted);background:var(--vote-bg);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.share-btn:hover{background:var(--vote-bg-hover);color:var(--text-primary)}.browse-az{margin-bottom:var(--gap);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--card-radius);flex-wrap:wrap;justify-content:center;gap:4px;padding:14px 16px;display:flex}.browse-az__letter{width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.browse-az__letter:hover{background:var(--vote-bg-hover);color:var(--accent-blue)}.browse-az__letter.active{color:var(--accent-blue);background:#4fc3f726}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-label .required{color:var(--vote-down)}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:border var(--transition), box-shadow var(--transition);border-radius:6px;outline:none;padding:10px 14px;font-size:.9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-input)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6a80' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-primary);color:var(--text-primary)}.form-hint{color:var(--text-muted);margin-top:5px;font-size:.72rem}.submit-btn{background:var(--accent-gradient);color:#fff;width:100%;transition:opacity var(--transition), transform var(--transition);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;display:flex}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.footer{background:var(--bg-nav);border-top:1px solid var(--border-color);text-align:center;padding:32px 20px}.footer__inner{max-width:var(--container-width);margin:0 auto}.footer__links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:16px;display:flex}.footer__link{color:var(--text-muted);transition:color var(--transition);font-size:.8rem}.footer__link:hover{color:var(--text-link)}.footer__copy{color:var(--text-muted);font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.nav__inner{padding:0 12px}.nav__logo{font-size:1.1rem}.nav__search{max-width:none}.nav__btn--menu{display:flex}.nav__btn--desktop{display:none}.main{padding:12px 10px 40px}.word-card{padding:18px 16px}.word-card__title{font-size:1.35rem}}@media (width<=480px){.word-card__footer{flex-direction:column;align-items:flex-start;gap:10px}.word-card__actions{justify-content:flex-end;width:100%}.browse-az__letter{width:28px;height:28px;font-size:.7rem}}