.ey-page{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:var(--background);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.ey-grid-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 16px 120px;position:relative}.ey-hero-badge{color:var(--primary-color,#8b5cf6);background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.ey-badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite eyPulse;box-shadow:0 0 8px #10b98199}@keyframes eyPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.ey-hero-title{text-align:center;color:var(--text-primary);margin-bottom:12px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2}.ey-gradient-text{background:linear-gradient(135deg,#4f46e5 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ey-hero-desc{text-align:center;max-width:680px;color:var(--text-secondary,#6b7280);margin:0 auto 28px;font-size:1.05rem;line-height:1.6}.ey-tool-box{background:var(--surface-glass,#fffc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border,#00000014);border-radius:20px;max-width:900px;margin:0 auto 36px;padding:24px;box-shadow:0 12px 36px -8px #00000014}.dark .ey-tool-box{background:#161626bf;border-color:#ffffff1a;box-shadow:0 12px 36px -8px #0006}.ey-input-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ey-input-label{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.ey-input-actions{align-items:center;gap:8px;display:flex}.ey-mini-btn{border:1px solid var(--border,#0000001f);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.ey-mini-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:#8b5cf61a}.ey-char-counter{color:var(--text-muted,#9ca3af);font-size:.78rem;font-weight:500}.ey-textarea-wrap{width:100%;position:relative}.ey-textarea{border:1.5px solid var(--border,#e5e7eb);background:var(--surface,#fff);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:14px;padding:14px 44px 14px 16px;font-size:1.15rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.dark .ey-textarea{background:#0f0f1ad9;border-color:#ffffff26}.ey-textarea:focus{border-color:var(--primary-color,#8b5cf6);outline:none;box-shadow:0 0 0 3px #8b5cf62e}.ey-clear-btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:12px}.dark .ey-clear-btn{background:#ffffff1a}.ey-clear-btn:hover{color:#fff;background:#ef4444}.ey-quick-row{border-top:1px dashed var(--border,#00000014);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.dark .ey-quick-row{border-color:#ffffff14}.ey-quick-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.ey-char-chip{color:var(--primary-color,#8b5cf6);cursor:pointer;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:6px;padding:3px 8px;font-size:.85rem;font-weight:700;transition:all .15s}.ey-char-chip:hover{background:var(--primary-color,#8b5cf6);color:#fff;transform:translateY(-1px)}.ey-mode-container{max-width:900px;margin:0 auto 24px}.ey-mode-switcher{background:var(--surface,#f3f4f6);border:1px solid var(--border,#00000014);border-radius:14px;gap:4px;padding:4px;display:flex}.dark .ey-mode-switcher{background:#161626cc;border-color:#ffffff1a}.ey-mode-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.ey-mode-tab:hover{color:var(--text-primary)}.ey-mode-tab.active{background:var(--surface,#fff);color:var(--primary-color,#8b5cf6);box-shadow:0 4px 12px #00000014}.dark .ey-mode-tab.active{color:#c4b5fd;background:#8b5cf633;box-shadow:0 4px 12px #0000004d}.ey-mode-badge{color:inherit;background:#8b5cf626;border-radius:9999px;padding:2px 7px;font-size:.72rem;font-weight:700}.ey-mode-info{border-left:4px solid var(--primary-color,#8b5cf6);max-width:900px;color:var(--text-secondary);background:#8b5cf60f;border-radius:0 10px 10px 0;align-items:center;gap:12px;margin:0 auto 24px;padding:12px 18px;font-size:.9rem;display:flex}.dark .ey-mode-info{background:#8b5cf61f}.ey-control-bar{flex-direction:column;gap:14px;max-width:900px;margin:0 auto 28px;display:flex}.ey-search-wrapper{width:100%;position:relative}.ey-search-input{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:12px 16px 12px 42px;font-size:.95rem}.dark .ey-search-input{background:#0f0f1ab3;border-color:#ffffff1f}.ey-search-input:focus{border-color:var(--primary-color);outline:none}.ey-search-icon{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ey-filters-scroll{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.ey-filters-scroll::-webkit-scrollbar{height:4px}.ey-filters-scroll::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}.ey-filter-chip{white-space:nowrap;background:var(--surface,#f3f4f6);border:1px solid var(--border,#00000014);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.dark .ey-filter-chip{background:#ffffff0d;border-color:#ffffff14}.ey-filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.ey-filter-chip.active{background:var(--primary-color,#8b5cf6);border-color:var(--primary-color,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.ey-results-info{max-width:1200px;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 auto 18px;padding:0 4px;font-size:.85rem;display:flex}.ey-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:580px){.ey-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.ey-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.ey-card{background:var(--surface,#fff);border:1px solid var(--border,#00000014);border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 16px -2px #0000000a}.dark .ey-card{background:#161626b3;border-color:#ffffff14}.ey-card:hover{border-color:var(--primary-color,#8b5cf6);transform:translateY(-3px);box-shadow:0 10px 28px -4px #00000014}.ey-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ey-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ey-font-name{color:var(--text-primary);font-size:.88rem;font-weight:700}.ey-category-badge{color:var(--primary-color);background:#8b5cf614;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.ey-support-badge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.ey-support-badge.full{color:#10b981;background:#10b9811a}.ey-support-badge.partial{color:#f59e0b;background:#f59e0b1a}.ey-fav-btn{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .15s;display:flex}.ey-fav-btn:hover{color:#f59e0b;transform:scale(1.15)}.ey-fav-btn.active{color:#f59e0b}.ey-preview{color:var(--text-primary);word-break:break-word;align-items:center;min-height:52px;padding:8px 0;font-size:1.85rem;line-height:1.4;display:flex}.ey-card-footer{border-top:1px solid var(--border,#0000000f);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.dark .ey-card-footer{border-color:#ffffff0f}.ey-action-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4f46e5 0%,#8b5cf6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;padding:9px 18px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.ey-action-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.ey-action-btn.secondary{color:var(--primary-color,#8b5cf6);background:#8b5cf61a;border:1px solid #8b5cf640}.ey-action-btn.secondary:hover{background:var(--primary-color,#8b5cf6);color:#fff}.ey-action-btn.copied{color:#fff!important;background:#10b981!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b98159!important}.ey-load-more-box{text-align:center;margin:36px 0 20px}.ey-load-more-btn{background:var(--surface,#fff);border:1.5px solid var(--primary-color,#8b5cf6);color:var(--primary-color,#8b5cf6);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.dark .ey-load-more-btn{background:#161626cc}.ey-load-more-btn:hover{background:var(--primary-color,#8b5cf6);color:#fff;box-shadow:0 6px 20px #8b5cf64d}.ey-alphabet-container{background:var(--surface-glass,#ffffffb3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border,#00000014);border-radius:24px;max-width:1200px;margin:64px auto 0;padding:36px 28px;box-shadow:0 8px 30px #0000000a}.dark .ey-alphabet-container{background:#161626b3;border-color:#ffffff1a}.ey-alphabet-header{text-align:center;margin-bottom:24px}.ey-alphabet-header h2{color:var(--text-primary);margin-bottom:8px;font-size:1.8rem;font-weight:800}.ey-alphabet-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:.95rem}.ey-alphabet-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ey-case-toggle{background:var(--surface,#f3f4f6);border:1px solid var(--border,#00000014);border-radius:10px;padding:3px;display:flex}.dark .ey-case-toggle{background:#0f0f1a99}.ey-case-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.ey-case-btn.active{background:var(--primary-color,#8b5cf6);color:#fff}.ey-style-select{border:1px solid var(--border,#0000001f);background:var(--surface,#fff);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:600}.dark .ey-style-select{background:#0f0f1ab3;border-color:#ffffff1f}.ey-alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.ey-letter-card{background:var(--surface,#fff);border:1px solid var(--border,#00000014);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;transition:all .2s;display:flex}.dark .ey-letter-card{background:#0f0f1a99;border-color:#ffffff14}.ey-letter-card:hover{border-color:var(--primary-color,#8b5cf6);transform:translateY(-3px);box-shadow:0 6px 16px #8b5cf633}.ey-letter-card.copied{background:#10b98126;border-color:#10b981}.ey-letter-styled{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;line-height:1.2}.ey-letter-raw{color:var(--text-muted,#9ca3af);font-size:.72rem;font-weight:600}.ey-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s eyFadeIn;display:flex;position:fixed;inset:0}@keyframes eyFadeIn{0%{opacity:0}to{opacity:1}}.ey-modal-card{background:var(--surface,#fff);border:1px solid var(--border,#0000001a);border-radius:20px;width:100%;max-width:520px;padding:28px;animation:.25s eyScaleIn;position:relative;box-shadow:0 20px 50px #00000040}.dark .ey-modal-card{background:#161626;border-color:#ffffff1f}@keyframes eyScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ey-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.dark .ey-modal-close{background:#ffffff1a}.ey-code-snippet{border:1px solid var(--border,#00000014);color:var(--primary-color);background:#0000000a;border-radius:8px;justify-content:space-between;align-items:center;margin:12px 0 18px;padding:10px 14px;font-family:monospace;font-size:.88rem;display:flex}.dark .ey-code-snippet{background:#0000004d;border-color:#ffffff14}.ey-article{background:var(--surface-glass,#ffffffbf);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border,#00000014);color:var(--text-primary);border-radius:24px;margin-top:60px;padding:44px}.dark .ey-article{background:#161626b3;border-color:#ffffff14}.ey-section{margin-bottom:48px}.ey-section h2{color:var(--text-primary);margin-bottom:20px;font-size:1.85rem;font-weight:800;line-height:1.3}.ey-section h3{color:var(--text-primary);margin-top:28px;margin-bottom:12px;font-size:1.3rem;font-weight:700}.ey-section p{color:var(--text-secondary);margin-bottom:16px;font-size:1.05rem;line-height:1.75}.ey-link{color:var(--primary-color,#8b5cf6);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .2s}.ey-link:hover{color:#6366f1}.ey-compare-grid{grid-template-columns:1fr;gap:20px;margin:24px 0;display:grid}@media (min-width:680px){.ey-compare-grid{grid-template-columns:1fr 1fr}}.ey-compare-card{background:var(--surface,#fff);border:1px solid var(--border,#00000014);border-radius:16px;padding:24px}.dark .ey-compare-card{background:#0f0f1a99;border-color:#ffffff14}.ey-compare-title{align-items:center;gap:8px;margin-bottom:12px;font-size:1.15rem;font-weight:700;display:flex}.ey-compare-list{margin:0;padding:0;list-style:none}.ey-compare-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;padding:6px 0;font-size:.95rem;display:flex}.table-responsive{border:1px solid var(--border,#00000014);border-radius:14px;margin:24px 0;overflow-x:auto}.ey-table{border-collapse:collapse;background:var(--surface,#fff);width:100%}.dark .ey-table{background:#0f0f1a99}.ey-table th,.ey-table td{text-align:left;border-bottom:1px solid var(--border,#0000000f);padding:14px 16px;font-size:.95rem}.dark .ey-table th,.dark .ey-table td{border-color:#ffffff0f}.ey-table th{color:var(--primary-color);text-transform:uppercase;letter-spacing:.03em;background:#8b5cf614;font-size:.9rem;font-weight:700}.ey-table td{color:var(--text-secondary)}.ey-steps-grid{grid-template-columns:1fr;gap:16px;margin:24px 0;display:grid}@media (min-width:640px){.ey-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ey-steps-grid{grid-template-columns:repeat(4,1fr)}}.ey-step-card{background:var(--surface,#fff);border:1px solid var(--border,#00000014);border-radius:14px;padding:20px;position:relative}.dark .ey-step-card{background:#0f0f1a99;border-color:#ffffff14}.ey-step-num{background:linear-gradient(135deg,#4f46e5 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.ey-step-card h4{color:var(--text-primary);margin-bottom:6px;font-size:1.05rem;font-weight:700}.ey-step-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.ey-faq-section{border-top:1px solid var(--border,#00000014);margin-top:48px;padding-top:48px}.dark .ey-faq-section{border-color:#ffffff14}.ey-faq-grid{gap:16px;display:grid}.ey-faq-item{background:var(--surface,#fff);border:1px solid var(--border,#00000014);border-radius:14px;padding:22px;transition:all .25s}.dark .ey-faq-item{background:#0f0f1a99;border-color:#ffffff14}.ey-faq-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.ey-faq-item h3{color:var(--text-primary);margin-bottom:10px;font-size:1.12rem;font-weight:700}.ey-faq-item p{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.65}.ey-related-tools{border-top:1px solid var(--border,#00000014);margin-top:48px;padding-top:36px}.dark .ey-related-tools{border-color:#ffffff14}.ey-related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.ey-related-card{background:var(--surface,#fff);border:1px solid var(--border,#00000014);text-align:center;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.dark .ey-related-card{background:#0f0f1a99;border-color:#ffffff14}.ey-related-card:hover{background:var(--primary-color,#8b5cf6);color:#fff;border-color:var(--primary-color,#8b5cf6);transform:translateY(-2px)}@media (max-width:768px){.ey-grid-container{padding:0 12px 100px}.ey-tool-box{border-radius:16px;padding:18px 14px}.ey-article{border-radius:18px;margin-top:40px;padding:24px 16px}.ey-alphabet-container{border-radius:18px;padding:24px 16px}.ey-alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.ey-letter-styled{font-size:1.35rem}.ey-section h2{font-size:1.5rem}.ey-hero-title{font-size:1.85rem}}