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