.special-symbols-layout{display:flex;gap:1.25rem}@media (max-width:1023px){.special-symbols-layout{flex-direction:column}}.special-symbols-sidebar{align-self:flex-start;max-height:calc(100vh - 20rem);overflow:auto;position:sticky;top:1rem;width:260px}.special-symbols-sidebar::-webkit-scrollbar{width:8px}.special-symbols-sidebar::-webkit-scrollbar-track{background:#f3f4f6}.special-symbols-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.special-symbols-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .special-symbols-sidebar::-webkit-scrollbar-track{background:#111827}.dark .special-symbols-sidebar::-webkit-scrollbar-thumb{background:#374151}.dark .special-symbols-sidebar::-webkit-scrollbar-thumb:hover{background:#4b5563}.special-symbol-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}@media (min-width:768px){.special-symbol-grid{grid-template-columns:repeat(10,1fr)}}.special-symbol-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;height:66px;justify-content:center;padding:.5rem .25rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.special-symbol-item:hover{background:#fff;border-color:#fecaca;box-shadow:0 8px 18px #ef44441f;transform:translateY(-1px)}.special-symbol-char{color:#111827;font-size:22px;line-height:1}.special-symbol-name{color:#6b7280;font-size:11px;line-height:1.1;margin-top:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .special-symbol-item{background:#0f172a;border-color:#1f2937}.dark .special-symbol-item:hover{background:#111827;border-color:#ef444473;box-shadow:0 10px 22px #ef44441f}.dark .special-symbol-char{color:#e5e7eb}.dark .special-symbol-name{color:#9ca3af}.special-symbol-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:.5rem;overflow:hidden}.special-symbol-search-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .75rem}.special-symbol-search-list{max-height:360px;overflow:auto}.special-symbol-search-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem}.special-symbol-search-item:hover{background:#f9fafb}.special-symbol-search-symbol{align-items:center;background:#fef2f2;border-radius:.75rem;color:#ef4444;display:flex;flex:none;font-size:22px;height:44px;justify-content:center;width:44px}.special-symbol-search-text{min-width:0}.special-symbol-search-title{color:#111827;font-size:.875rem;font-weight:600;line-height:1.25rem}.special-symbol-search-desc{color:#6b7280;font-size:.75rem;line-height:1.1rem;margin-top:.125rem;word-break:break-word}.dark .special-symbol-search-results{background:#0f172a;border-color:#1f2937}.dark .special-symbol-search-header{background:#111827;border-color:#1f2937}.dark .special-symbol-search-item{border-color:#1f2937}.dark .special-symbol-search-item:hover{background:#111827a6}.dark .special-symbol-search-symbol{background:#ef44441f;color:#fca5a5}.dark .special-symbol-search-title{color:#e5e7eb}.dark .special-symbol-search-desc{color:#9ca3af}