.symbols-page{max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.symbols-page-header{text-align:center;margin-bottom:2rem;padding-top:2rem}.symbols-page-title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.symbols-page-subtitle{font-size:1.125rem;color:#6b7280}.symbols-input-section{position:relative;padding:1.5rem 2rem;margin-bottom:1rem;width:100%;transition:all .3s ease}.symbols-input-section.symbols-input-sticky{position:fixed!important;top:80px!important;left:50%!important;transform:translateX(-50%)!important;z-index:999!important;width:95%!important;max-width:1200px!important;padding:0!important;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.symbols-input-wrapper{position:relative;max-width:1200px;width:95%;margin:0 auto}.symbols-input-sticky .symbols-input-wrapper{max-width:1200px;width:95%;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:50px}.symbols-main-input{width:100%;padding:1.25rem 130px 1.25rem 1.75rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:50px;outline:none;background:white;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s}.symbols-input-sticky .symbols-main-input{background:white;border-color:#d1d5db;box-shadow:none}.symbols-main-input::-moz-placeholder{color:#9ca3af}.symbols-main-input::placeholder{color:#9ca3af}.symbols-main-input:focus{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.08)}.symbols-copy-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);padding:.6rem 1.5rem;color:white;border:none;border-radius:50px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(59,130,246,.3);letter-spacing:.3px}.symbols-copy-button,.symbols-copy-button:hover{background:linear-gradient(135deg,#3b82f6,#3b82f6)}.symbols-copy-button:hover{transform:translateY(-50%) scale(1.03);box-shadow:0 4px 12px rgba(59,130,246,.4)}.symbols-copy-button:active{transform:translateY(-50%) scale(.97)}.symbols-main-input:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.08)}.symbols-categories{display:grid;gap:1.25rem}.symbol-category{background:white;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s}.symbol-category:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.symbol-category-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.4rem}.symbol-box{background:#f9fafb;padding:.5rem;text-align:center;font-size:1.25rem;border-radius:6px;cursor:pointer;transition:all .2s;border:1.5px solid #e5e7eb;font-family:Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,Apple Color Emoji,Arial,sans-serif;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#111827;font-weight:400;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.symbol-box:hover{background:#e5e7eb;border-color:#d1d5db;transform:scale(1.05)}.symbol-box:active{transform:scale(.98)}.symbol-box::selection{background:transparent}.symbol-box::-moz-selection{background:transparent}.symbol-box:before{content:""}.symbol-box:focus{outline:none}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;margin-bottom:2rem}.back-button:hover{background:#e5e7eb}@media (max-width:768px){.symbols-page{padding:1rem}.symbols-page-title{font-size:1.75rem}.symbols-page-subtitle{font-size:.95rem}.symbols-input-section{padding:1rem}.symbols-input-section.symbols-input-sticky{top:70px!important;width:96%!important;max-width:96%!important}.symbols-input-sticky .symbols-input-wrapper,.symbols-input-wrapper{max-width:100%;width:100%}.symbols-main-input{padding:1rem 110px 1rem 1rem;font-size:.9rem}.symbols-copy-button{padding:.5rem 1.2rem;font-size:.75rem;right:8px}.symbols-categories{gap:1rem}.symbol-category{padding:1rem}.symbol-category-title{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:.35rem}.symbol-box{padding:.4rem;font-size:1.1rem;border-radius:4px}}@media (max-width:480px){.symbols-page{padding:.75rem}.symbols-page-title{font-size:1.5rem}.symbols-page-subtitle{font-size:.85rem}.symbols-input-section{padding:.75rem}.symbols-input-section.symbols-input-sticky{top:70px!important;width:98%!important;max-width:98%!important;padding:0!important}.symbols-input-sticky .symbols-input-wrapper{box-shadow:0 4px 16px rgba(0,0,0,.2)}.symbols-main-input{padding:.9rem 100px .9rem .9rem;font-size:.85rem}.symbols-copy-button{padding:.45rem 1rem;font-size:.7rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:.3rem}.symbol-box{padding:.35rem}.symbol-box,.symbol-category-title{font-size:1rem}}@media (max-width:479px){.symbols-page{padding:.75rem}.symbols-page-title{font-size:1.5rem;line-height:1.2}.symbols-page-subtitle{font-size:.875rem}.symbols-input-section{padding:.75rem}.symbols-main-input{padding:.875rem 100px .875rem .875rem;font-size:.875rem}.symbols-copy-button{padding:.4rem .875rem;font-size:.6875rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:.25rem}.symbol-box{padding:.3rem;font-size:.9rem;min-height:40px}}@media (hover:none) and (pointer:coarse){.symbol-box{min-height:44px;min-width:44px}.symbol-box:hover{transform:none}.symbol-box:active{transform:scale(.95)}}.dark-mode .symbols-input-sticky .symbols-input-wrapper{box-shadow:0 4px 20px rgba(0,0,0,.4)}.dark-mode .symbols-input-sticky .symbols-main-input{background:#1f2937;border-color:#374151}.dark-mode .symbols-page-title{color:#e5e7eb}.dark-mode .symbols-page-subtitle{color:#9ca3af}.dark-mode .symbols-main-input{background:#1f2937;color:#e5e7eb;border-color:white}.dark-mode .symbols-main-input::-moz-placeholder{color:#6b7280}.dark-mode .symbols-main-input::placeholder{color:#6b7280}.dark-mode .symbols-main-input:focus,.dark-mode .symbols-main-input:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.dark-mode .symbols-copy-button{background:linear-gradient(135deg,#3b82f6,#3b82f6)}.dark-mode .symbol-category{background:#1f2937;box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark-mode .symbol-category:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}.dark-mode .symbol-category-title{color:#e5e7eb;border-bottom-color:#374151}.dark-mode .symbol-box{background:#111827;border-color:#374151;color:#e5e7eb}.dark-mode .symbol-box:hover{background:#374151;border-color:#4b5563}.dark-mode .back-button{background:#374151;color:#e5e7eb}.dark-mode .back-button:hover{background:#4b5563}.scroll-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(59,130,246,.5)!important}.scroll-button:active{transform:translateY(0)}.dark-mode .scroll-button{background:#3b82f6}.dark-mode .scroll-button:hover{background:#2563eb;box-shadow:0 5px 15px rgba(37,99,235,.6)!important}