:root{--bg-gradient:linear-gradient(135deg, #e0f7f6 0%, #eafafa 30%, #fff 70%);--bg-solid:#fff;--bg-glass:#ffffffb8;--bg-glass-hover:#ffffffd9;--bg-glass-active:#ffffffeb;--color-primary:#0abab5;--color-primary-light:#5ce5df;--color-primary-dark:#089e99;--color-accent:#0abab5;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-glass:#0abab51f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0abab526;--shadow-glow:0 0 20px #0abab566;--nav-height:72px;--content-max-width:1024px;--card-size:32px;--card-gap:4px;--card-radius:8px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--bg-gradient:linear-gradient(135deg, #0a1a1a 0%, #0d1117 50%, #111827 100%);--bg-solid:#0d1117;--bg-glass:#141e1e99;--bg-glass-hover:#1e2d2dbf;--bg-glass-active:#283737d9;--color-primary:#5ce5df;--color-primary-light:#81d8d0;--color-primary-dark:#0abab5;--color-accent:#5ce5df;--text-primary:#f0fdf4;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-glass:#5ce5df26;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #5ce5df1a;--shadow-glow:0 0 20px #5ce5df4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 20px)}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}ul,ol{list-style:none}html{background:var(--bg-gradient);min-height:100vh}.app-layout{padding-top:var(--nav-height);justify-content:center;min-height:100vh;display:flex}.main-content{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:24px 20px 120px}.navbar{height:var(--nav-height);z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .navbar{background:#0c0e0cd9;border-bottom-color:#ffffff0f;box-shadow:0 1px 3px #0003}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.navbar-logo-img{border-radius:6px;width:28px;height:28px}.navbar-logo-text{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.navbar-logo-subtitle{color:var(--text-tertiary);border-left:1px solid var(--border-glass);margin-left:8px;padding-left:8px;font-size:12px}[data-theme=dark] .navbar-logo-text{color:#e8fbe8}[data-theme=dark] .navbar-logo-subtitle{color:#e8fbe899}.navbar-search{border-radius:12px;flex:1;max-width:420px;margin:0 auto;position:relative}.navbar-search:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0abab5,#5ce5df,#81d8d0);border-radius:12px;transition:opacity .2s;position:absolute;inset:-2px}.navbar-search:focus-within:before{opacity:1}[data-theme=dark] .navbar-search:before{background:linear-gradient(135deg,#0abab5,#5ce5df,#81d8d0)}.navbar-search input{width:100%;height:36px;color:var(--text-primary);z-index:1;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:0 14px 0 36px;font-size:13px;transition:border-color .15s;position:relative}[data-theme=dark] .navbar-search input{color:#e8fbe8;background:#ffffff0f;border-color:#ffffff1f}.navbar-search input:focus{border-color:#0000}.navbar-search input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .navbar-search input::placeholder{color:#e8fbe866}.navbar-search-icon{color:#9ca3af;pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}[data-theme=dark] .navbar-search-icon{color:#e8fbe880}.navbar-search-clear{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.navbar-search-clear:hover{color:#374151;background:#d1d5db}[data-theme=dark] .navbar-search-clear{color:#e8fbe899;background:#ffffff1a}[data-theme=dark] .navbar-search-clear:hover{color:#e8fbe8;background:#fff3}.navbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.navbar-btn{width:34px;height:34px;color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.navbar-btn:hover{background:var(--bg-glass-hover);color:var(--color-primary)}[data-theme=dark] .navbar-btn{color:#e8fbe899}[data-theme=dark] .navbar-btn:hover{color:#5ce5df;background:#ffffff1a}.navbar-btn svg{width:18px;height:18px}.floating-nav-wrapper{left:calc(50% + var(--content-max-width) / 2 + 16px);top:calc(var(--nav-height) + 24px);z-index:90;flex-direction:column;align-items:center;display:flex;position:fixed}.floating-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex}.floating-nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:7px 14px 7px 10px;display:flex;position:relative}.floating-nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.floating-nav-item.active{background:var(--bg-glass-active);color:var(--color-primary)}.floating-nav-item.active:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-accent));border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.floating-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.floating-nav-label{font-size:13px;font-weight:500}.floating-nav-drag-handle{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);width:100%;height:28px;color:var(--text-tertiary);cursor:grab;transition:var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;margin-top:6px;display:flex}.floating-nav-drag-handle:hover{color:var(--color-primary)}.floating-nav-wrapper--dragging{transition:none}.floating-nav-wrapper--dragging .floating-nav{box-shadow:0 8px 24px #0abab566}.drag-dots{font-size:14px;line-height:1}@media (width<=768px){.floating-nav{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 8px #0000001a}.floating-nav-drag-handle{background:#fff;border-color:#e5e7eb}[data-theme=dark] .floating-nav{background:#1a1a2e;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .floating-nav-drag-handle{background:#1a1a2e;border-color:#ffffff1a}}.recent-section{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;margin-bottom:32px;padding:16px 20px}.recent-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.recent-header-icon{color:var(--text-tertiary);display:flex}.recent-title{color:var(--text-secondary);font-size:14px;font-weight:600}.recent-header-actions{margin-left:auto;position:relative}.recent-grid{flex-wrap:wrap;gap:4px;display:flex}.recent-char{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.recent-char:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.recent-clear-btn{border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;padding:4px 12px;font-size:12px}.recent-clear-btn:hover{color:#ef4444;border-color:#ef4444}.recent-copy-all-btn{border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;margin-right:8px;padding:4px 12px;font-size:12px}.recent-copy-all-btn:hover{background:var(--color-primary);color:#fff}.recent-clear-menu{background:var(--bg-glass-active);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);min-width:120px;box-shadow:var(--shadow-md);z-index:50;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.recent-clear-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;border-radius:7px;padding:7px 12px;font-size:13px;display:block}.recent-clear-option:hover{background:var(--bg-glass-hover)}.recent-clear-option--danger:hover{color:#ef4444}.recent-empty{color:var(--text-tertiary);padding:8px 0;font-size:13px}.category-section{scroll-margin-top:calc(var(--nav-height) + 16px);margin-bottom:36px}.category-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.category-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.category-title{color:var(--text-primary);letter-spacing:-.2px;font-size:18px;font-weight:700}.category-line{background:linear-gradient(to right, var(--border-glass), transparent);flex:1;height:1px}.subcategory-section{margin-bottom:24px}.subcategory-title{color:var(--text-tertiary);margin-bottom:10px;padding-left:2px;font-size:13px;font-weight:500}.symbol-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-size), 1fr));gap:var(--card-gap);display:grid}.symbol-card{width:var(--card-size);height:var(--card-size);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--card-radius);cursor:pointer;contain:layout style paint;color:var(--text-primary);justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.symbol-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.symbol-card.copied{animation:.3s copyFlash}@keyframes copyFlash{0%{box-shadow:var(--shadow-glow)}to{box-shadow:none}}.symbol-char{-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--bg-glass-active);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:20px;width:90%;max-width:420px;max-height:80vh;padding:28px;overflow-y:auto;box-shadow:0 24px 48px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{width:30px;height:30px;color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.toast-container{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{background:var(--bg-glass-active);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;animation:.2s toastIn,.2s 1.8s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 20px}.empty-state-icon{margin-bottom:12px;font-size:36px}.empty-state-text{font-size:14px}.lang-dropdown{background:var(--bg-glass-active);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass);min-width:130px;box-shadow:var(--shadow-md);z-index:110;border-radius:10px;margin-top:6px;padding:4px;position:absolute;top:100%;right:0}.lang-option{color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:13px;display:flex}.lang-option:hover{background:var(--bg-glass-hover)}.lang-option.selected{color:var(--color-primary);font-weight:600}.modal-section{margin-bottom:20px}.modal-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.modal-option{cursor:pointer;transition:var(--transition-fast);color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.modal-option:hover{background:var(--bg-glass-hover)}.modal-option.selected{background:var(--bg-glass-active);color:var(--color-primary)}.panel-btn{border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:12px}.panel-btn:hover{background:var(--bg-glass-hover);color:var(--color-primary);border-color:var(--color-primary)}.cookie-toggle{z-index:900;background:var(--bg-solid);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;display:flex;position:fixed;bottom:12px;left:0}.cookie-toggle:hover{color:var(--color-primary);background:var(--bg-glass-hover)}.cookie-banner{z-index:1000;background:var(--bg-solid);border-top:1px solid var(--border-glass);box-shadow:0 -4px 20px var(--shadow-md);padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.cookie-banner__content{align-items:center;gap:14px;max-width:800px;margin:0 auto;display:flex}.cookie-banner__icon{color:var(--color-primary);flex-shrink:0}.cookie-banner__text{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.5}.cookie-banner__actions{flex-shrink:0;gap:8px;display:flex}.cookie-btn{cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500}.cookie-btn--accept{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cookie-btn--accept:hover{opacity:.9}.cookie-btn--reject{color:var(--text-secondary);border-color:var(--border-glass);background:0 0}.cookie-btn--reject:hover{border-color:var(--text-secondary)}.cookie-banner-enter-active,.cookie-banner-leave-active{transition:transform .3s,opacity .3s}.cookie-banner-enter-from,.cookie-banner-leave-to{opacity:0;transform:translateY(100%)}.wishlist-panel{z-index:800;position:fixed;bottom:24px;right:24px}.wishlist-toggle{background:var(--color-primary);color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #0abab559}.wishlist-toggle:hover{transform:scale(1.08);box-shadow:0 6px 20px #0abab573}.wishlist-form{background:var(--bg-solid);border:1px solid var(--border-glass);width:300px;box-shadow:0 8px 30px var(--shadow-md);border-radius:12px;position:absolute;bottom:60px;right:0;overflow:hidden}.wishlist-form__header{border-bottom:1px solid var(--border-glass);color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.wishlist-form__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.wishlist-form__close:hover{color:var(--text-primary)}.wishlist-form__body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.wishlist-input{border:1px solid var(--border-glass);background:var(--bg-glass);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.wishlist-input::placeholder{color:var(--text-tertiary)}.wishlist-input:focus{border-color:var(--color-primary)}.wishlist-submit{background:var(--color-primary);color:#fff;cursor:pointer;width:100%;transition:var(--transition-fast);border:none;border-radius:6px;padding:8px;font-size:13px;font-weight:500}.wishlist-submit:hover:not(:disabled){opacity:.9}.wishlist-submit:disabled{opacity:.5;cursor:not-allowed}.wishlist-panel-enter-active,.wishlist-panel-leave-active{transition:transform .25s,opacity .25s}.wishlist-panel-enter-from,.wishlist-panel-leave-to{opacity:0;transform:translateY(10px)scale(.95)}@media (width<=1200px){.floating-nav-wrapper{left:auto;right:12px}}@media (width<=768px){.navbar-search{max-width:none;margin:0 8px}.navbar-logo-text,.navbar-logo-subtitle{display:none}.main-content{padding:16px 12px 120px}.floating-nav-wrapper{left:auto;right:8px}.floating-nav{gap:2px;padding:6px 4px}.floating-nav-label{display:none}.floating-nav-item{padding:6px 8px}.cookie-banner__content{text-align:center;flex-direction:column}.cookie-banner__actions{justify-content:center;width:100%}.wishlist-panel{bottom:16px;right:16px}.wishlist-form{width:calc(100vw - 32px);right:0}}