:root{--background-color: #1a1a1a;--card-color: #2a2a2a;--text-color: #ffffff;--primary-color: #646cff;--border-color: #444444;--toggle-bg-off: #555;--toggle-bg-on: var(--primary-color);--toggle-knob-color: #ffffff}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.navbar{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.navbar a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .3s}.navbar a.active{background-color:var(--primary-color)}.emote-page{display:flex;flex-direction:column;gap:1rem}.filters{display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-bar{flex-grow:1;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--card-color);color:var(--text-color)}.favorites-filter{display:flex;align-items:center;gap:.5rem}.favorites-filter label{cursor:pointer;-webkit-user-select:none;user-select:none}.favorites-filter .toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.favorites-filter .toggle-switch input{opacity:0;width:0;height:0}.favorites-filter .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-bg-off);transition:.4s;border-radius:22px}.favorites-filter .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--toggle-knob-color);transition:.4s;border-radius:50%}.favorites-filter input:checked+.slider{background-color:var(--toggle-bg-on)}.favorites-filter input:checked+.slider:before{transform:translate(18px)}.emote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.emote-card{position:relative;background-color:var(--card-color);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;border:1px solid transparent;transition:border-color .2s}.emote-card:hover{border-color:var(--border-color)}.favorite-star{position:absolute;top:.25rem;right:.25rem;font-size:1.5rem;color:#555;cursor:pointer;transition:color .2s;z-index:1}.favorite-star:hover{color:#777}.favorite-star.favorited{color:#ffc107}.emote-card img{width:100px;height:100px;object-fit:contain}.emote-name{font-size:.9rem}.react-tooltip{background-color:var(--primary-color)!important;color:var(--text-color)!important;border-radius:.5rem!important;padding:.5rem 1rem!important}