@keyframes copyPulse{0%,to{transform:scale(1)}50%{transform:scale(.9);background:var(--primary-gradient);color:#fff}}@keyframes checkmark{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--hover-gradient:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--symbol-font-size:24px}.header-controls{display:flex;justify-content:center;align-items:center;margin-bottom:40px;gap:30px;position:relative;z-index:1}.font-size-control{display:flex;gap:15px;align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);padding:20px 30px;border-radius:60px;box-shadow:0 8px 32px rgba(0,0,0,.08)}.font-size-control label{font-weight:600;color:#2d3436;font-size:1rem}.font-size-control input[type=range]{width:200px;height:8px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:10px;outline:0;position:relative}.font-size-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--primary-gradient);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .2s ease}.font-size-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px rgba(102,126,234,.6)}.font-size-display{min-width:70px;text-align:center;font-weight:700;font-size:1.2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#emojiTabList li a,#tabList li a{font-size:1rem}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,65px);gap:12px;justify-content:center}#emojiTabList,.symbol-button{display:flex;justify-content:center}.symbol-button{width:65px;height:65px;padding:8px;background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:var(--symbol-font-size, 24px);transition:background .35s cubic-bezier(.68,-.55,.265,1.55),border-color .35s cubic-bezier(.68,-.55,.265,1.55),color .35s cubic-bezier(.68,-.55,.265,1.55),box-shadow .5s cubic-bezier(.68,-.55,.265,1.55),transform .3s cubic-bezier(.68,-.55,.265,1.55);text-align:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06)}.symbol-button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-gradient);opacity:.05;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.symbol-button:hover{background:#fff;border-color:#667eea;transform:scale(1.15);box-shadow:0 12px 40px rgba(102,126,234,.28);color:#667eea;z-index:10}.symbol-button:hover::before{width:100px;height:100px}.symbol-button:active{transform:scale(1.1);box-shadow:0 8px 24px rgba(102,126,234,.2)}.symbol-button.copied{animation:copyPulse .6s ease}#emojiTabList{flex-wrap:wrap;padding-left:0;margin:0 auto}#emojiTabList .nav-item{flex:0 0 50%;text-align:center}#emojiTabList li a{background-color:#fff;border:1px solid #ddd;border-radius:10px;color:#333;transition:background-color .2s,box-shadow .2s}#emojiTabList li a.active{background-color:#e1f0ff;color:#0d47a1!important;font-weight:600}.alert.emoji-alert{padding-bottom:.1rem}@media (min-width:768px){#emojiTabList .nav-item{flex:0 0 15%}}.recent-section{min-height:400px}.recent-info{text-align:center;color:#636e72;padding:60px;font-size:1.2rem;font-weight:500}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,85px);gap:15px;justify-content:center}.recent-item{width:85px;height:85px;background:linear-gradient(145deg,#fcfcfd,#f3f6fa);border:2px solid #dee2e6;border-radius:18px;padding:10px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}.recent-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 32px rgba(102,126,234,.3);border-color:#667eea;background:#fff}.recent-symbol{font-size:calc(var(--symbol-font-size, 24px) + 4px);margin-bottom:5px;color:#2d3436}.recent-time{font-size:11px;color:#95a5a6;position:absolute;bottom:8px;white-space:nowrap}.copy-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:var(--primary-gradient);color:#fff;padding:30px 50px;border-radius:20px;box-shadow:0 20px 60px rgba(102,126,234,.5);z-index:10000;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:15px;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.copy-notification.show{transform:translate(-50%,-50%) scale(1);opacity:1}.copy-notification::before{content:"✓";font-size:2rem;display:inline-block;animation:checkmark .6s ease}@media (max-width:768px){#tabList{display:flex;flex-wrap:wrap}#tabList .nav-item{flex:1 1 45%;min-width:120px;margin:0}#tabList .nav-link{text-align:center;box-sizing:border-box}.nav-pills .nav-link{--mdb-nav-pills-margin:0.3rem}.symbols-grid{grid-template-columns:repeat(auto-fill,55px);gap:10px}.symbol-button{width:55px;height:55px;border-radius:12px}.tab-button{font-size:13px;padding:10px 18px}.font-size-control{padding:15px 20px}.font-size-control input[type=range]{width:150px}.copy-notification{padding:20px 30px;font-size:1rem}}