:root{--background:#ffffff;--text:#000000;--border:#ddd;--hover:rgba(0,0,0,0.1);--card-bg:#ffffff;--secondary-text:#666}:root[data-theme=dark]{--background:#1a1a1a;--text:#ffffff;--border:#333;--hover:rgba(255,255,255,0.1);--card-bg:#2d2d2d;--secondary-text:#aaa}body{background:var(--background);color:var(--text);margin:0;padding:20px;font-family:system-ui,-apple-system,sans-serif;transition:background-color .3s}.footer{text-align:center;color:var(--text)}.footer p{margin:.5rem 0;font-size:.875rem}.footer-link{color:var(--text);text-decoration:none}.footer-link:hover{text-decoration:underline}h1{font-size:2.3rem;margin:0;text-align:center;color:var(--text)}h2{font-size:1.8rem;margin:1.5rem 0;color:var(--text)}h1 a{color:var(--text);text-decoration:none;transition:opacity .2s}h1 a:hover{opacity:.8}p{color:var(--text);line-height:1.6;margin:1rem 0}.categories-nav{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0;padding:0 1rem;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.category-link{text-decoration:none;color:var(--text);padding:.75rem 1rem;border-radius:.5rem;transition:all .2s;background:var(--card-bg);border:1px solid var(--border)}.category-link:hover{background:var(--hover);transform:translateX(5px)}.category-link.active{background:var(--hover);border-color:var(--text)}.container{max-width:1400px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:250px 1fr;gap:1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header button{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;font-size:1.2rem;transition:transform .2s}.header button:hover{transform:scale(1.1)}#getcyber{content:"🌐"}#github{content:"💻"}#youtube-subscribe{content:"📺"}#discord-join{content:"💬"}.cf-icon-svg{vertical-align:middle;fill:currentColor;transition:fill .3s}.cf-icon-svg:hover{fill:var(--text)}.search{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:1rem}.search:focus{outline:0;border-color:#4a9eff}.category-section{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.category-title{color:var(--text);margin-bottom:1rem;font-size:1.5rem}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.emoji-card{border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;background:var(--card-bg);transition:transform .2s,box-shadow .2s}.emoji-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.emoji{font-size:2rem;margin-bottom:.5rem}.name{font-size:.875rem;color:var(--secondary-text)}.category-tag{font-size:.75rem;color:var(--secondary-text);margin-top:.5rem}.feedback{position:fixed;bottom:20px;right:20px;background:#4caf50;color:#fff;padding:.5rem 1rem;border-radius:4px;display:none;animation:fadeIn .3s}#theme-toggle{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;font-size:1.2rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-results{text-align:center;padding:2rem;color:var(--secondary-text)}@media (max-width:768px){#theme-toggle,.categories-nav{display:none}.container{grid-template-columns:1fr;padding:.5rem}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.emoji-card{padding:.5rem}.emoji{font-size:1.75rem}.name{font-size:.75rem}.header{flex-direction:column;gap:1rem;margin-bottom:1rem}.search{max-width:100%;display:block}.header button{width:100%;padding:.75rem;font-size:1rem}.categories-nav{flex-direction:column;gap:.5rem}}@media (max-width:480px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.emoji{font-size:1.5rem}.header button{padding:.5rem;font-size:.9rem}}