@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Math&family=Noto+Sans+Symbols+2&display=swap);:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--accent-primary:#0d9488;--accent-secondary:#14b8a6;--accent-gradient:linear-gradient(135deg,#0d9488,#14b8a6);--accent-hover:#0f766e;--success:#22c55e;--success-bg:#dcfce7;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--container-max:1200px;--section-padding:4rem;--card-padding:1.5rem;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--ad-margin:2rem;--section-gap:2.5rem;--mobile-min-width:320px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-light:#1e293b;--accent-primary:#2dd4bf;--accent-secondary:#14b8a6;--accent-gradient:linear-gradient(135deg,#14b8a6,#2dd4bf);--accent-hover:#14b8a6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.main-content{flex:1 1}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}.header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal);z-index:100}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{align-items:center;display:flex}.logo{color:#111827;color:var(--text-primary);gap:.5rem;text-decoration:none}.logo-icon{border-radius:8px;border-radius:var(--border-radius-sm);height:36px;object-fit:cover;width:36px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.header-actions{align-items:center;display:flex;gap:.75rem}.header-menu{position:relative}.menu-toggle-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.menu-toggle-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.menu-toggle-btn svg{height:18px;width:18px}.header-dropdown{animation:dropdownFade .15s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;min-width:340px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:.375rem}.dropdown-section:not(:last-child){border-bottom:none}.dropdown-section:nth-child(odd){border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color)}.dropdown-section:first-child,.dropdown-section:nth-child(2){border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.dropdown-label{color:#9ca3af;color:var(--text-muted);display:block;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.header-dropdown a{align-items:center;border-radius:6px;color:#111827;color:var(--text-primary);display:flex;font-size:.8rem;gap:.5rem;padding:.375rem .5rem;text-decoration:none;transition:background .15s ease;transition:background var(--transition-fast)}.header-dropdown a:hover{background:#f9fafb;background:var(--bg-secondary)}.dropdown-icon{font-size:.75rem;text-align:center;width:16px}.language-selector{position:relative}.language-toggle-btn{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.language-toggle-btn:hover{background:#f9fafb;background:var(--bg-secondary);border-color:var(--accent-color)}.language-dropdown{grid-gap:.25rem;animation:dropdownFade .15s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);overflow:hidden;padding:.375rem;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.language-option{align-items:center;border-radius:6px;color:#111827;color:var(--text-primary);display:flex;font-size:.75rem;gap:.35rem;padding:.375rem .5rem;text-decoration:none;transition:background .15s ease;transition:background var(--transition-fast);white-space:nowrap}.language-option:hover{background:#f9fafb;background:var(--bg-secondary)}.language-flag{font-size:1rem}.language-code{font-weight:600}.dark-mode-toggle,.language-code{color:#4b5563;color:var(--text-secondary)}.dark-mode-toggle{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.dark-mode-toggle:hover{background:#f9fafb;background:var(--bg-secondary);border-color:#0d9488;border-color:var(--accent-primary);color:#0d9488;color:var(--accent-primary)}.dark-mode-toggle svg{height:18px;width:18px}@media (max-width:640px){.dark-mode-toggle .toggle-text,.menu-toggle-btn span{display:none}.dark-mode-toggle,.menu-toggle-btn{border-radius:50%;padding:.5rem}.header-actions{gap:.5rem}.header-dropdown{grid-template-columns:1fr 1fr;left:.5rem;min-width:auto;position:fixed;right:.5rem;top:60px}.header-dropdown a{font-size:.85rem;padding:.5rem}.dropdown-label{font-size:.7rem;padding:.375rem .5rem}}.hero{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);color:#fff;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.hero>div,.hero>h1,.hero>p{position:relative;z-index:1}.hero-elevated{padding:2.5rem 1rem 2rem}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.02em;margin-bottom:1rem;padding:.4rem 1rem}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text}.hero-tools{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:0 .5rem}.hero-tool-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.45rem .9rem;text-decoration:none;transition:all .2s ease}.hero-tool-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.hero-tool-btn .tool-icon{font-size:.95rem}.hero-tool-btn .tool-name{white-space:nowrap}.hero-tools-secondary{margin-top:.5rem}.hero-tool-btn.secondary{background:#ffffff14;border-color:#ffffff26;font-size:.75rem;padding:.375rem .75rem}.hero-tool-btn.secondary:hover{background:#ffffff2e;border-color:#ffffff4d}.hero-tool-btn.secondary .tool-icon{font-size:.85rem}.hero-stats{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:1.25rem;opacity:.85}.hero-stat{font-weight:500}.hero-stat-divider{opacity:.5}@media (min-width:640px){.hero-elevated{padding:3rem 1.5rem 2.5rem}.hero-badge{font-size:.8rem;padding:.5rem 1.25rem}.hero-tools{gap:.625rem}.hero-tool-btn{font-size:.85rem;padding:.5rem 1rem}.hero-tool-btn.secondary{font-size:.8rem;padding:.4rem .85rem}.hero-stats{font-size:.8rem;gap:.625rem}}@media (min-width:768px){.hero-elevated{padding:3.5rem 2rem 3rem}.hero-tool-btn{font-size:.875rem;padding:.55rem 1.1rem}.hero-tool-btn.secondary{font-size:.8rem;padding:.45rem .9rem}.hero-stats{font-size:.85rem}}.hero-floating-symbols{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.floating-symbol{animation:floatUp linear infinite;bottom:-50px;color:#ffffff26;font-size:1.5rem;position:absolute;text-shadow:0 0 10px #ffffff1a}@keyframes floatUp{0%{opacity:0;transform:translateY(0) rotate(0deg) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-400px) rotate(1turn) scale(.8)}}.floating-symbol:nth-child(odd){font-size:1.75rem}.floating-symbol:nth-child(3n){color:#ffffff1a;font-size:2rem}.floating-symbol:nth-child(5n){color:#fff3;font-size:1.25rem}@media (min-width:768px){.hero{padding:4rem 0}.floating-symbol{font-size:2rem}.floating-symbol:nth-child(odd){font-size:2.5rem}.floating-symbol:nth-child(3n){font-size:3rem}.floating-symbol:nth-child(5n){font-size:1.75rem}@keyframes floatUp{0%{opacity:0;transform:translateY(0) rotate(0deg) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-500px) rotate(1turn) scale(.8)}}}.hero h1{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem}@media (min-width:640px){.hero h1{font-size:2.25rem}}@media (min-width:768px){.hero h1{font-size:2.75rem}}.hero-subtitle{font-size:1rem;margin:0 auto;max-width:600px;opacity:.9}@media (min-width:640px){.hero-subtitle{font-size:1.125rem}}.input-section{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:2rem 0;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.text-input-wrapper{position:relative}.text-input{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);font-family:inherit;font-size:1.125rem;min-height:120px;padding:1.25rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease,background-color .25s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal);width:100%}.text-input:focus{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 0 0 4px #0d94881a;outline:none}.text-input::placeholder{color:#9ca3af;color:var(--text-muted)}.input-info{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-top:.75rem}.char-count{color:#9ca3af;color:var(--text-muted)}.clear-btn{background:none;color:#0d9488;color:var(--accent-primary);padding:.25rem .5rem;transition:background-color .15s ease;transition:background-color var(--transition-fast)}.clear-btn:hover{background:#0d94881a}.styles-section{padding:4rem 0;padding:var(--section-padding) 0}.styles-section h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}@media (min-width:640px){.styles-section h2{font-size:1.75rem}}.section-description{color:#4b5563;color:var(--text-secondary);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.styles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.styles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.styles-grid{grid-template-columns:repeat(3,1fr)}}.style-card{cursor:pointer;padding:1.5rem;padding:var(--card-padding);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.style-card:hover{border-color:#0d9488;border-color:var(--accent-primary)}.style-card.copied{background:#dcfce7;background:var(--success-bg);border-color:#22c55e;border-color:var(--success)}body.dark-mode .style-card.copied{background:#22c55e1a}.style-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.style-name{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600}.style-description{color:#9ca3af;color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.copy-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.copy-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.copy-btn.copied{background:#22c55e;background:var(--success)}.copy-btn svg{height:14px;width:14px}.style-preview{background:#f3f4f6;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--border-radius-sm);color:#111827;color:var(--text-primary);font-family:Noto Sans Math,Noto Sans Symbols\ 2,Segoe UI Symbol,Apple Symbols,system-ui,sans-serif;font-size:1.25rem;line-height:1.4;min-height:2em;padding:.75rem;word-break:break-word}.about-section,.style-preview{transition:background-color .25s ease;transition:background-color var(--transition-normal)}.about-section{background:#fff;background:var(--bg-primary);padding:4rem 0;padding:var(--section-padding) 0}.about-section h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (min-width:640px){.about-section h2{font-size:1.75rem}}.about-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.about-content{grid-template-columns:repeat(3,1fr)}}.about-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.about-card h3{color:#0d9488;color:var(--accent-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.about-card p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.worldwide-section{padding:4rem 0;padding:var(--section-padding) 0;transition:background-color .25s ease;transition:background-color var(--transition-normal)}.worldwide-section h2{font-size:1.5rem;font-weight:700}@media (min-width:640px){.worldwide-section h2{font-size:1.75rem}}.languages-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr;margin-top:1.5rem}@media (min-width:640px){.languages-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.languages-grid{grid-template-columns:repeat(3,1fr)}}.language-item{border:1px solid #e5e7eb;border:1px solid var(--border-color);gap:.25rem;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.lang-label{color:#0d9488;color:var(--accent-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.lang-terms{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.4}.faq-section{padding:4rem 0;padding:var(--section-padding) 0}.faq-section h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (min-width:640px){.faq-section h2{font-size:1.75rem}}.faq-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{padding:1.5rem;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.faq-item h3{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.footer{background:#f9fafb;background:var(--bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:auto;padding:3rem 0 1.5rem;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}@media (min-width:768px){.footer-content{gap:3rem;grid-template-columns:1.2fr 2fr}}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:1rem}.footer-logo-icon{border-radius:10px;height:36px;object-fit:cover;width:36px}.footer-logo-text{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700}.footer-description{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.footer-email{align-items:center;color:#0d9488;color:var(--accent-primary);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.footer-email:hover{color:#0f766e;color:var(--accent-hover)}.footer-email svg{flex-shrink:0;opacity:.8}.footer-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.footer-links{grid-template-columns:repeat(2,1fr)}}.footer-column h4{color:#111827;color:var(--text-primary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.875rem;text-transform:uppercase}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:#4b5563;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.footer-column a:hover{color:#0d9488;color:var(--accent-primary)}.footer-bottom{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.5rem}.footer-bottom-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}@media (min-width:640px){.footer-bottom-content{flex-direction:row;justify-content:space-between}}.footer-bottom p{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin:0}.footer-pwa-badge{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:50px;color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.footer-pwa-badge svg{color:#0d9488;color:var(--accent-primary)}@media (max-width:768px){.footer-brand,.footer-content{text-align:center}.footer-brand{margin:0 auto}.footer-logo{justify-content:center}.footer-description{text-align:center}.footer-links{justify-content:center}.footer-column,.footer-column h4{text-align:center}}@media (max-width:480px){.footer-links{gap:2rem;grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.style-card{animation:fadeIn .3s ease forwards}.style-card:first-child{animation-delay:.02s}.style-card:nth-child(2){animation-delay:.04s}.style-card:nth-child(3){animation-delay:.06s}.style-card:nth-child(4){animation-delay:.08s}.style-card:nth-child(5){animation-delay:.1s}.style-card:nth-child(6){animation-delay:.12s}.style-card:nth-child(7){animation-delay:.14s}.style-card:nth-child(8){animation-delay:.16s}.style-card:nth-child(9){animation-delay:.18s}.style-card:nth-child(10){animation-delay:.2s}.style-card:nth-child(11){animation-delay:.22s}.style-card:nth-child(12){animation-delay:.24s}.style-card:nth-child(13){animation-delay:.26s}.style-card:nth-child(14){animation-delay:.28s}.style-card:nth-child(15){animation-delay:.3s}.style-card:nth-child(16){animation-delay:.32s}.style-card:nth-child(17){animation-delay:.34s}.style-card:nth-child(18){animation-delay:.36s}.style-card:nth-child(19){animation-delay:.38s}:focus-visible{outline:2px solid #0d9488;outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:#0d9488;background:var(--accent-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--text-secondary)}.pwa-banner{animation:slideUp .3s ease;background:#fff;background:var(--bg-primary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.pwa-banner-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px;max-width:var(--container-max)}.pwa-banner-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pwa-banner-icon svg{color:#fff;height:24px;width:24px}.pwa-banner-text{flex:1 1;min-width:0}.pwa-banner-text strong{color:#111827;color:var(--text-primary);display:block;font-size:.9375rem}.pwa-banner-text span{color:#4b5563;color:var(--text-secondary);font-size:.8125rem}.pwa-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.pwa-install-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pwa-install-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.pwa-dismiss-btn{background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:background-color .15s ease,color .15s ease;transition:background-color var(--transition-fast),color var(--transition-fast)}.pwa-dismiss-btn:hover{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.pwa-dismiss-btn svg{height:20px;width:20px}.pwa-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1001}.pwa-modal{animation:scaleIn .2s ease;background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--border-radius-lg);max-width:400px;padding:2rem;position:relative;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pwa-modal-close{background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--text-muted);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .15s ease;transition:background-color var(--transition-fast)}.pwa-modal-close:hover{background:#f3f4f6;background:var(--bg-tertiary)}.pwa-modal-close svg{height:20px;width:20px}.pwa-modal h2{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.pwa-modal>p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.5rem}.pwa-instructions{display:flex;flex-direction:column;gap:1rem}.pwa-step{align-items:flex-start;display:flex;gap:1rem}.pwa-step-number{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.pwa-step-content{flex:1 1}.pwa-step-content p{color:#111827;color:var(--text-primary);font-size:.9375rem;margin:0}.pwa-step-icon{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--border-radius-sm);display:inline-flex;height:32px;justify-content:center;margin-top:.5rem;width:32px}.pwa-step-icon svg{color:#0d9488;color:var(--accent-primary);height:20px;width:20px}.pwa-modal-footer{margin-top:1.5rem;text-align:center}.pwa-got-it-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 2rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pwa-got-it-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.legal-page{padding:2rem 0 4rem}.breadcrumb{color:#9ca3af;color:var(--text-muted);margin-bottom:2rem}.legal-content{max-width:800px}.legal-content h1{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:800;margin-bottom:.5rem}@media (min-width:640px){.legal-content h1{font-size:2.5rem}}.last-updated{color:#9ca3af;color:var(--text-muted);font-size:.875rem}.last-updated,.legal-content section{margin-bottom:2rem}.legal-content h2{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.legal-content h2,.legal-content h3{color:#111827;color:var(--text-primary)}.legal-content h3{font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-content p{line-height:1.7;margin-bottom:1rem}.legal-content p,.legal-content ul{color:#4b5563;color:var(--text-secondary)}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{line-height:1.6;margin-bottom:.5rem}.legal-content a{color:#0d9488;color:var(--accent-primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem}.legal-footer a{color:#0d9488;color:var(--accent-primary);font-size:.9375rem;text-decoration:none}.legal-footer a:hover{text-decoration:underline}.about-page{padding:2rem 0 4rem}.about-hero{margin-bottom:3rem;text-align:center}.about-hero h1{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:800;margin-bottom:.5rem}@media (min-width:640px){.about-hero h1{font-size:2.5rem}}.about-tagline{color:#4b5563;color:var(--text-secondary);font-size:1.125rem}.about-story{margin:0 auto 3rem;max-width:700px}.about-story h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-story p{color:#4b5563;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.about-features{margin-bottom:3rem}.about-features h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.feature-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.feature-icon svg{color:#fff;height:24px;width:24px}.feature-card h3{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#4b5563;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.about-how-it-works{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:0 auto 3rem;max-width:700px;padding:2rem}.about-how-it-works h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-how-it-works p{color:#4b5563;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.about-pwa{margin:0 auto 3rem;max-width:700px}.about-pwa h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-pwa>p{color:#4b5563;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.install-instructions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.install-instructions{grid-template-columns:repeat(3,1fr)}}.install-platform{background:#fff;background:var(--bg-primary)}.install-platform h3{color:#0d9488;color:var(--accent-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.install-platform ol{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;margin:0;padding-left:1.25rem}.install-platform li{line-height:1.5;margin-bottom:.5rem}.about-support{margin:0 auto 2rem;max-width:700px;text-align:center}.about-support h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-support p{color:#4b5563;color:var(--text-secondary);line-height:1.7}.about-cta{margin-bottom:3rem;text-align:center}.cta-button{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:50px;color:#fff;display:inline-block;padding:1rem 2rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cta-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05)}.footer-logo{text-decoration:none}.home-page{padding-bottom:2rem}.main-input-section{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:2rem 1rem}.input-container{margin:0 auto;max-width:800px;position:relative}.input-label{display:block;font-weight:600;margin-bottom:.75rem}.input-label,.main-textarea{color:#111827;color:var(--text-primary)}.main-textarea{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:1.125rem;padding:1rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.main-textarea:focus{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0d94881a;outline:none}.main-textarea::placeholder{color:#9ca3af;color:var(--text-muted)}.clear-btn{background:#f3f4f6;background:var(--bg-tertiary);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;position:absolute;right:.75rem;top:2.75rem;transition:background .15s ease;transition:background var(--transition-fast)}.clear-btn:hover{background:#e5e7eb;background:var(--border-color)}.category-filter{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1rem;position:-webkit-sticky;position:sticky;top:60px;z-index:10}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1rem}.filter-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:.375rem;padding:.5rem .875rem;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{color:#0d9488;color:var(--accent-primary);transform:translateY(-1px)}.filter-btn.active,.filter-btn:hover{border-color:#0d9488;border-color:var(--accent-primary)}.filter-btn.active{background:#0d9488;background:var(--accent-primary);box-shadow:0 2px 8px #0d94884d;color:#fff}.filter-icon{font-size:.875rem;line-height:1}.filter-count{font-size:.75rem;opacity:.7}.category-group{margin-bottom:2rem}.category-header{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:1.5rem 1rem 1rem}.category-header h2{align-items:center;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:.25rem}.category-icon{font-size:1.25rem}.category-header p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem}.styles-section .styles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1rem}.style-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.style-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.style-card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.75rem 1rem}.style-card-header .style-name{color:#111827;color:var(--text-primary);font-weight:600;text-decoration:none}.style-card-header .style-name:hover{color:#0d9488;color:var(--accent-primary)}.style-card .style-preview{align-items:center;color:#111827;color:var(--text-primary);display:block;display:flex;font-size:1.25rem;justify-content:center;min-height:80px;padding:1.5rem 1rem;text-align:center;text-decoration:none;word-break:break-word}.style-card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);padding:.75rem 1rem;text-align:center}.style-link{color:#0d9488;color:var(--accent-primary);font-size:.875rem;font-weight:500;text-decoration:none}.style-link:hover{text-decoration:underline}@media (max-width:639px){.styles-section .styles-grid{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:0 .5rem}.style-card{border-radius:8px}.style-card-header{padding:.5rem .625rem}.style-card-header .style-name{font-size:.75rem}.style-card-header .copy-btn{font-size:.65rem;padding:.25rem .5rem}.style-card .style-preview{font-size:.95rem;min-height:50px;padding:.75rem .5rem}.style-card-footer{padding:.5rem .625rem}.style-card-footer .preview-btn{font-size:.625rem;padding:.25rem .4rem}.style-card-footer .style-link{font-size:.625rem}}.popular-styles{background:#fff;background:var(--bg-primary);margin-top:2rem;padding:3rem 1rem}.popular-styles h2{margin-bottom:1.5rem;text-align:center}.popular-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:1200px;max-width:var(--container-max)}.popular-card{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1.5rem 1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.popular-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.popular-example{color:#111827;color:var(--text-primary);font-family:Noto Sans Math,Noto Sans Symbols\ 2,Segoe UI Symbol,Apple Symbols,system-ui,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.popular-name{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-weight:500}.how-it-works-home{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:3rem 1rem}.how-it-works-home h2{margin-bottom:2rem;text-align:center}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{padding:1.5rem;text-align:center}.step-number{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);color:#fff;font-size:1.25rem;font-weight:700;height:48px;margin:0 auto 1rem;width:48px}.step h3{margin-bottom:.5rem}.step p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem}.worldwide-section{background:#fff;background:var(--bg-primary);padding:3rem 1rem}.worldwide-section h2{margin-bottom:.5rem;text-align:center}.worldwide-section>p{color:#4b5563;color:var(--text-secondary);margin-bottom:2rem;text-align:center}.languages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;max-width:var(--container-max)}.language-item{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:1rem;text-align:center}.language-flag{font-size:2rem;margin-bottom:.5rem}.language-name{color:#111827;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.language-terms{color:#4b5563;color:var(--text-secondary);font-size:.8125rem}.faq-preview{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:3rem 1rem}.faq-preview h2{margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-preview .faq-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);overflow:hidden}.faq-preview .faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:1rem}.faq-preview .faq-item summary:after{color:#0d9488;color:var(--accent-primary);content:"+";font-size:1.25rem}.faq-preview .faq-item[open] summary:after{content:"−"}.faq-preview .faq-item p{color:#4b5563;color:var(--text-secondary);line-height:1.6;padding:0 1rem 1rem}.tool-page{padding-bottom:3rem}.tool-page .container{margin:0 auto;max-width:900px;padding:0 1rem}.tool-hero{padding:2rem 0;text-align:center}.tool-hero h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.tool-tagline{color:#4b5563;color:var(--text-secondary);font-size:1rem}.tool-main{padding:1rem 0}.tool-input-section{margin-bottom:2rem;position:relative}.tool-textarea{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.tool-textarea:focus{border-color:#0d9488;border-color:var(--accent-primary);outline:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem;text-align:center}.stat-card.primary{background:#0d9488;background:var(--accent-primary);border-color:#0d9488;border-color:var(--accent-primary);color:#fff}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-card.primary .stat-value{font-size:2rem}.stat-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-card.primary .stat-label{color:#fffc}.case-options-grid{grid-gap:1rem;display:grid;gap:1rem}.case-option-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1rem}.case-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.case-option-name{font-size:.875rem;font-weight:600;margin:0}.case-option-preview{color:#111827;color:var(--text-primary);font-size:1.125rem;word-break:break-word}.symbols-search{margin-bottom:1rem}.search-input{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.search-input:focus{border-color:#0d9488;border-color:var(--accent-primary);outline:none}.symbols-categories-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.symbols-categories-dropdown{display:none;margin-bottom:1.5rem}.symbols-categories-dropdown .category-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}@media (max-width:768px){.symbols-categories-filter.desktop-filter{display:none}.symbols-categories-dropdown.mobile-filter{display:block}}.symbol-category{margin-bottom:2rem}.symbol-category-title{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.category-count{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-weight:400}.symbols-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.symbol-btn{align-items:center;aspect-ratio:1;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.symbol-btn:hover{transform:scale(1.1)}.symbol-btn.copied,.symbol-btn:hover{border-color:#0d9488;border-color:var(--accent-primary)}.symbol-btn.copied{background:#0d9488;background:var(--accent-primary);color:#fff}.copied-indicator{bottom:2px;font-size:.625rem;position:absolute}.no-results{color:#4b5563;color:var(--text-secondary);padding:2rem;text-align:center}.clear-search-btn{background:#0d9488;background:var(--accent-primary);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.tool-info{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.tool-info h2{font-size:1.5rem;margin-bottom:1rem}.tool-info h3{font-size:1.125rem;margin:1.5rem 0 .75rem}.tool-info li,.tool-info p{color:#4b5563;color:var(--text-secondary);line-height:1.6}.tool-info ol,.tool-info ul{margin:.5rem 0;padding-left:1.5rem}.limits-list li{margin-bottom:.5rem}.related-tools{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.related-tools h2{font-size:1.25rem;margin-bottom:1rem}.tools-grid{display:flex;flex-wrap:wrap;gap:1rem}.tool-link{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#111827;color:var(--text-primary);display:flex;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.tool-link:hover{border-color:#0d9488;border-color:var(--accent-primary);color:#0d9488;color:var(--accent-primary)}.tool-link-icon{font-size:1.25rem}.contact-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.contact-hero{padding:2rem 0;text-align:center}.contact-hero h1{font-size:2rem;margin-bottom:.5rem}.contact-tagline{color:#4b5563;color:var(--text-secondary)}.contact-main{display:flex;justify-content:center;padding:2rem 0}.contact-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);max-width:400px;padding:2rem;text-align:center}.contact-icon{color:#0d9488;color:var(--accent-primary)}.contact-card h2,.contact-icon{margin-bottom:1rem}.contact-email a{color:#0d9488;color:var(--accent-primary);font-size:1.25rem;text-decoration:none}.contact-email a:hover{text-decoration:underline}.contact-note{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.contact-faq{margin-top:3rem}.contact-faq h2{margin-bottom:1.5rem;text-align:center}.contact-alternatives{margin-top:3rem}.contact-alternatives h2{margin-bottom:1rem;text-align:center}.quick-links{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.quick-links{grid-template-columns:repeat(4,1fr)}}.quick-link{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.quick-link-icon{font-size:1.5rem}.contact-cta{margin-top:3rem;text-align:center}.blog-page .container,.blog-post-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.blog-hero{padding:2rem 0;text-align:center}.blog-hero h1{font-size:2rem;margin-bottom:.5rem}.blog-tagline{color:#4b5563;color:var(--text-secondary)}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:all .15s ease;transition:all var(--transition-fast)}.blog-card:hover{border-color:#0d9488;border-color:var(--accent-primary)}.blog-card-content{padding:1.5rem}.blog-card-meta{color:#9ca3af;color:var(--text-muted);display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.blog-card h2{font-size:1.25rem;margin-bottom:.5rem}.blog-card h2 a{color:#111827;color:var(--text-primary);text-decoration:none}.blog-card h2 a:hover{color:#0d9488;color:var(--accent-primary)}.blog-excerpt{color:#4b5563;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.read-more{color:#0d9488;color:var(--accent-primary);font-weight:500;text-decoration:none}.read-more:hover{text-decoration:underline}.blog-cta{background:#f9fafb;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);margin-top:3rem;padding:2rem;text-align:center}.blog-cta h2{margin-bottom:.5rem}.blog-cta p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem}.blog-post{padding:2rem 0}.blog-post-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.blog-post-meta{color:#9ca3af;color:var(--text-muted);display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.blog-post-header h1{font-size:2rem;margin-bottom:.75rem}.blog-post-description{color:#4b5563;color:var(--text-secondary);font-size:1.125rem}.blog-post-content{line-height:1.8}.blog-post-content h1{font-size:1.75rem;margin:2rem 0 1rem}.blog-post-content h2{font-size:1.5rem;margin:2rem 0 1rem}.blog-post-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.blog-post-content p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem}.blog-post-content ol,.blog-post-content ul{margin:1rem 0;padding-left:1.5rem}.blog-post-content li{color:#4b5563;color:var(--text-secondary);margin-bottom:.5rem}.blog-post-content a{color:#0d9488;color:var(--accent-primary)}.blog-post-content code{background:#f3f4f6;background:var(--bg-tertiary);border-radius:4px;font-size:.875em;padding:.125rem .375rem}.blog-post-content strong{color:#111827;color:var(--text-primary)}.table-wrapper{margin:1rem 0;overflow-x:auto}.blog-post-content table{border-collapse:collapse;width:100%}.blog-post-content td,.blog-post-content th{border:1px solid #e5e7eb;border:1px solid var(--border-color);padding:.75rem;text-align:left}.blog-post-content th{background:#f9fafb;background:var(--bg-secondary);font-weight:600}.blog-post-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.related-links h3{margin-bottom:1rem}.related-links-grid{display:flex;flex-wrap:wrap;gap:.5rem}.related-link{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#0d9488;color:var(--accent-primary);display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.related-link:hover{border-color:#0d9488;border-color:var(--accent-primary)}.blog-nav{margin-top:2rem}.back-to-blog{color:#0d9488;color:var(--accent-primary);text-decoration:none}.back-to-blog:hover{text-decoration:underline}.style-page{padding-bottom:3rem}.style-page .container{max-width:900px}.breadcrumb{color:#4b5563;color:var(--text-secondary);font-size:.875rem;padding:1rem 0}.breadcrumb a{color:#0d9488;color:var(--accent-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{margin:0 .5rem}.breadcrumb .current{color:#111827;color:var(--text-primary)}.style-page .style-header{display:block;margin-bottom:2rem;padding:2rem 0 2.5rem;text-align:center}.style-page .style-header h1{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.style-page .style-description{color:#4b5563;color:var(--text-secondary);font-size:1.0625rem;line-height:1.6;margin:0 auto 1.5rem;max-width:560px}.style-page .style-example{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:400px;padding:1.25rem 1.5rem}.example-label{color:#fffc;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.example-text{color:#fff;font-family:Noto Sans Math,Noto Sans Symbols\ 2,Segoe UI Symbol,Apple Symbols,system-ui,sans-serif;font-size:1.5rem;text-align:center;word-break:break-word}.style-tool{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2.5rem;margin-bottom:var(--section-gap);overflow:hidden}.style-tool .input-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.5rem}.style-tool .input-section label{display:block;font-weight:600;margin-bottom:.5rem}.style-tool .input-section textarea{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#111827;color:var(--text-primary);font-size:1.125rem;padding:1rem;resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.style-tool .input-section textarea:focus{border-color:#0d9488;border-color:var(--accent-primary);outline:none}.style-tool .output-section{background:#f9fafb;background:var(--bg-secondary);padding:1.5rem}.output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.output-header label{font-weight:600}.output-display{align-items:center;background:#fff;background:var(--bg-primary);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;font-size:1.5rem;justify-content:center;min-height:100px;padding:1.5rem;text-align:center;word-break:break-word}.output-display .placeholder{color:#9ca3af;color:var(--text-muted)}.quick-variations{margin-bottom:2.5rem;margin-bottom:var(--section-gap)}.quick-variations h2{font-size:1.25rem;margin-bottom:1rem}.variations-grid{display:flex;flex-direction:column;gap:.75rem}.variation-item{align-items:flex-start;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.variation-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-family:Noto Sans Math,Noto Sans Symbols\ 2,Segoe UI Symbol,Apple Symbols,system-ui,sans-serif;font-size:1rem;line-height:1.5;min-width:0;overflow:hidden;word-break:break-word}.variation-item .copy-btn{align-self:flex-start;flex-shrink:0;margin-top:.125rem}.how-it-works{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2.5rem;margin-bottom:var(--section-gap);padding:1.5rem}.how-it-works h2{font-size:1.25rem;margin-bottom:1rem}.info-content p{color:#4b5563;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.info-content p:last-child{margin-bottom:0}.style-faq{margin-bottom:2.5rem;margin-bottom:var(--section-gap)}.style-faq h2{font-size:1.25rem;margin-bottom:1rem}.faq-list .faq-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm)}.faq-list .faq-item summary{cursor:pointer;font-weight:500;list-style:none;padding:1rem}.faq-list .faq-item summary::-webkit-details-marker{display:none}.faq-list .faq-item p{color:#4b5563;color:var(--text-secondary);line-height:1.6;padding:0 1rem 1rem}.related-styles{margin-bottom:2.5rem;margin-bottom:var(--section-gap)}.related-styles h2{font-size:1.25rem;margin-bottom:1rem}.related-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.related-card{border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem;transition:transform .15s ease,border-color .15s ease;transition:transform var(--transition-fast),border-color var(--transition-fast)}.related-example{color:#111827;color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.related-name{color:#4b5563;color:var(--text-secondary);font-size:.875rem}.use-cases{margin-bottom:2.5rem;margin-bottom:var(--section-gap)}.use-cases h2{font-size:1.25rem;margin-bottom:1rem}.platforms-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.platform{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:1rem;text-align:center}.platform-icon{font-size:1.5rem;margin-bottom:.5rem}.platform-name{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.platform-use{color:#4b5563;color:var(--text-secondary);font-size:.75rem}.explore-more{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:2rem;text-align:center}.explore-more h2{font-size:1.25rem;margin-bottom:.5rem}.explore-more p{color:#4b5563;color:var(--text-secondary);margin-bottom:1rem}.btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.copy-btn.small{font-size:.75rem;padding:.375rem .75rem}.ad-slot{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;justify-content:center;margin:2rem 0;margin:var(--ad-margin) 0;min-height:100px}.ad-slot-mobile{margin:1.5rem auto;max-width:100%;min-height:50px;min-width:320px}.ad-slot-rectangle{margin:2rem auto;margin:var(--ad-margin) auto;max-width:336px;min-height:250px;min-width:300px}.ad-slot-responsive{margin:2rem 0;margin:var(--ad-margin) 0;min-height:90px;width:100%}.home-page .container,.style-page .container{min-width:320px;min-width:var(--mobile-min-width)}@media (max-width:768px){.style-page .style-header h1{font-size:1.5rem}.output-display{font-size:1.25rem}.category-filter{top:56px}.filter-container{padding-bottom:.25rem}.popular-grid{grid-template-columns:repeat(3,1fr)}.languages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){:root{--section-gap:2rem;--ad-margin:1.5rem}.style-page{padding-bottom:2rem}.style-page .container{padding:0 1rem}.ad-slot-rectangle{max-width:100%;min-width:280px}.breadcrumb{font-size:.8125rem;padding:.75rem 0}.style-page .style-header{display:block;margin-bottom:1.5rem;padding:1.25rem 0 1.75rem}.style-page .style-header h1{font-size:1.375rem;line-height:1.3;margin-bottom:.5rem}.style-page .style-description{font-size:.9375rem;margin-bottom:1rem;padding:0}.style-page .style-example{border-radius:8px;border-radius:var(--border-radius-sm);max-width:100%;padding:1rem 1.25rem}.style-page .example-label{font-size:.6875rem}.style-page .example-text{font-size:1.25rem}.style-tool{border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1.5rem}.style-tool .input-section{padding:1rem}.style-tool .input-section label{font-size:.9375rem;margin-bottom:.375rem}.style-tool .input-section textarea{border-radius:8px;font-size:1rem;min-height:100px;padding:.875rem}.style-tool .output-section{padding:1rem}.output-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.output-header label{font-size:.9375rem;text-align:center}.output-header .copy-btn{font-size:1rem;justify-content:center;padding:.875rem 1rem;width:100%}.output-display{border-radius:8px;font-family:Noto Sans Math,Noto Sans Symbols\ 2,Segoe UI Symbol,Apple Symbols,system-ui,sans-serif;font-size:1.125rem;min-height:80px;padding:1.25rem 1rem}.quick-variations{margin-bottom:1.5rem}.quick-variations h2{font-size:1.125rem;margin-bottom:.75rem}.variations-grid{gap:.5rem}.variation-item{gap:.75rem;padding:.875rem 1rem}.variation-text{-webkit-line-clamp:2;font-size:.9375rem}.how-it-works{border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;padding:1.25rem}.how-it-works h2{font-size:1.125rem;margin-bottom:.75rem}.info-content p{font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.style-faq{margin-bottom:1.5rem}.style-faq h2{font-size:1.125rem;margin-bottom:.75rem}.faq-list{gap:.5rem}.faq-list .faq-item{border-radius:8px}.faq-list .faq-item summary{align-items:center;display:flex;font-size:.9375rem;justify-content:space-between;padding:1rem}.faq-list .faq-item summary:after{color:#0d9488;color:var(--accent-primary);content:"+";font-size:1.25rem;font-weight:300;transition:transform .15s ease;transition:transform var(--transition-fast)}.faq-list .faq-item[open] summary:after{content:"−"}.faq-list .faq-item p{font-size:.875rem;padding:0 1rem 1rem}.related-styles{margin-bottom:1.5rem}.related-styles h2{font-size:1.125rem;margin-bottom:.75rem}.related-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.related-card{border-radius:8px;padding:.875rem .75rem}.related-example{font-size:1.125rem;margin-bottom:.375rem}.related-name{font-size:.8125rem}.use-cases{margin-bottom:1.5rem}.use-cases h2{font-size:1.125rem;margin-bottom:.75rem}.platforms-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.platform{border-radius:8px;padding:.875rem .5rem}.platform-icon{font-size:1.375rem;margin-bottom:.375rem}.platform-name{font-size:.8125rem;margin-bottom:.125rem}.platform-use{font-size:.6875rem;line-height:1.3}.explore-more{border-radius:8px;border-radius:var(--border-radius-sm);padding:1.5rem 1rem}.explore-more h2{font-size:1.125rem;margin-bottom:.375rem}.explore-more p{font-size:.9375rem;margin-bottom:.875rem}.btn-primary{display:block;font-size:1rem;padding:.875rem 1.5rem;text-align:center;width:100%}.copy-btn.small{font-size:.8125rem;padding:.5rem .75rem}}@media (max-width:375px){.style-page .style-header h1{font-size:1.25rem}.style-page .style-description{font-size:.875rem}.style-page .example-text{font-size:1rem}.output-display{font-size:1rem;padding:1rem .75rem}.related-grid{gap:.375rem;grid-template-columns:1fr 1fr}.related-card{padding:.75rem .5rem}.related-example{font-size:1rem}.platforms-grid{gap:.375rem;grid-template-columns:repeat(3,1fr)}.platform{padding:.625rem .25rem}.platform-icon{font-size:1.25rem}.platform-name{font-size:.75rem}.platform-use{display:none}}@media (max-width:480px){.platforms-grid,.popular-grid{grid-template-columns:repeat(2,1fr)}.languages-grid,.variations-grid{grid-template-columns:1fr}}.app-hero{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:12px;border-radius:var(--border-radius);color:#fff;margin-bottom:3rem;padding:3rem 1rem;text-align:center}.app-hero-icon{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.app-hero-icon svg{height:48px;width:48px}.app-hero h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.app-hero-subtitle{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:500px;opacity:.95}.app-benefits{margin-bottom:3rem}.app-benefits h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.benefit-card{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.benefit-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:14px;color:#fff;display:inline-flex;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.benefit-card h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.benefit-card p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.app-install-section{margin-bottom:3rem}.app-install-section h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.install-platform{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.install-platform:last-child{margin-bottom:0}.platform-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.platform-header .platform-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:0;width:48px}.platform-header h3{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.install-steps{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.install-steps li{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:var(--accent-light);border-radius:50%;color:#0d9488;color:var(--accent-primary);display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.step-content{flex:1 1}.step-content strong{color:#111827;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem}.step-content p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.app-security{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:3rem;padding:2rem}.app-security h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.security-content{align-items:flex-start;display:flex;gap:2rem}.security-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:24px;color:#fff;display:flex;height:100px;justify-content:center;min-width:100px;width:100px}.security-details ul{list-style:none;margin:0;padding:0}.security-details li{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.875rem;padding-left:1.5rem;position:relative}.security-details li:before{background:#0d9488;background:var(--accent-primary);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:.5rem;width:8px}.security-details li:last-child{margin-bottom:0}.security-details li strong{color:#111827;color:var(--text-primary)}.app-faq{margin-bottom:3rem}.app-faq h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.app-faq .faq-list{display:flex;flex-direction:column;gap:1rem}.app-faq .faq-item{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem}.app-faq .faq-item h3{color:#111827;color:var(--text-primary);font-size:1.0625rem;font-weight:600;margin-bottom:.75rem}.app-faq .faq-item p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.app-cta{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:12px;border-radius:var(--border-radius);color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.app-cta h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.app-cta p{font-size:1.0625rem;margin-bottom:1.5rem;opacity:.95}.cta-button{align-items:center;background:#fff;border-radius:999px;color:#0d9488;color:var(--accent-primary);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.cta-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}@media (max-width:768px){.app-hero{margin-bottom:2rem;padding:2rem 1rem}.app-hero-icon{border-radius:16px;height:64px;width:64px}.app-hero-icon svg{height:36px;width:36px}.app-hero h1{font-size:1.625rem}.app-hero-subtitle{font-size:1rem}.benefits-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.benefit-card{padding:1.25rem}.benefit-icon{border-radius:12px;height:48px;width:48px}.benefit-icon svg{height:24px;width:24px}.benefit-card h3{font-size:1rem}.benefit-card p{font-size:.875rem}.install-platform{padding:1.25rem}.platform-header h3{font-size:1.125rem}.security-content{align-items:center;flex-direction:column;text-align:left}.security-icon{border-radius:20px;height:80px;min-width:80px;width:80px}.security-icon svg{height:48px;width:48px}.app-security{padding:1.5rem}.app-cta{padding:2rem 1.5rem}.app-cta h2{font-size:1.5rem}.app-cta p{font-size:1rem}}@media (max-width:480px){.benefits-grid{grid-template-columns:1fr}.app-hero{border-radius:8px;border-radius:var(--border-radius-sm);padding:1.5rem 1rem}.app-hero h1{font-size:1.375rem}.install-platform{border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem}.platform-header{gap:.75rem}.platform-header .platform-icon{border-radius:10px;height:40px;width:40px}.platform-header .platform-icon svg{height:22px;width:22px}.platform-header h3{font-size:1rem}.step-number{font-size:.8125rem;height:28px;min-width:28px;width:28px}.step-content strong{font-size:.9375rem}.step-content p{font-size:.875rem}.app-faq .faq-item{border-radius:8px;border-radius:var(--border-radius-sm);padding:1.25rem}.app-faq .faq-item h3{font-size:1rem}.app-faq .faq-item p{font-size:.875rem}.app-cta{border-radius:8px;border-radius:var(--border-radius-sm);padding:1.5rem 1rem}.cta-button{font-size:.9375rem;padding:.75rem 1.5rem}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:.9;position:fixed;right:2rem;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;transition:transform var(--transition-normal),opacity var(--transition-normal),box-shadow var(--transition-normal);width:48px;z-index:1000}.scroll-to-top:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);opacity:1;transform:translateY(-3px)}.scroll-to-top:active{transform:translateY(-1px)}.scroll-to-top svg{height:24px;width:24px}@media (max-width:768px){.scroll-to-top{bottom:1.5rem;height:44px;right:1.5rem;width:44px}.scroll-to-top svg{height:22px;width:22px}}@media (max-width:480px){.scroll-to-top{bottom:1rem;height:40px;right:1rem;width:40px}.scroll-to-top svg{height:20px;width:20px}}.jawaese-translator-page .translator-direction{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.jawaese-translator-page .direction-btn{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.jawaese-translator-page .direction-btn:hover{border-color:#0d9488;border-color:var(--accent-primary);color:#111827;color:var(--text-primary)}.jawaese-translator-page .direction-btn.active{background:#0d9488;background:var(--accent-primary);border-color:#0d9488;border-color:var(--accent-primary);color:#fff}.jawaese-translator-page .swap-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast);width:44px}.jawaese-translator-page .swap-btn:hover{border-color:#0d9488;border-color:var(--accent-primary);color:#0d9488;color:var(--accent-primary);transform:rotate(180deg)}.jawaese-translator-page .utinni-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.jawaese-translator-page .utinni-btn{background:linear-gradient(135deg,#b8860b,#daa520 50%,peru);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #b8860b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.jawaese-translator-page .utinni-btn:hover{box-shadow:0 4px 12px #b8860b66;transform:scale(1.05)}.jawaese-translator-page .utinni-result{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:.75rem;padding:.75rem 1rem}.jawaese-translator-page .utinni-text{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600}.jawaese-translator-page .translator-output{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1.5rem}.jawaese-translator-page .output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.jawaese-translator-page .output-header h3{color:#4b5563;color:var(--text-secondary);font-size:1rem;margin:0}.jawaese-translator-page .output-text{color:#111827;color:var(--text-primary);font-size:1.25rem;line-height:1.6;word-break:break-word}.jawa-reference{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.jawa-reference h2{margin-bottom:1.5rem;text-align:center}.reference-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.reference-card{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1rem}.reference-card h3{color:#0d9488;color:var(--accent-primary);font-size:1rem;margin:0 0 .75rem}.reference-card ul{list-style:none;margin:0;padding:0}.reference-card li{color:#4b5563;color:var(--text-secondary);font-size:.875rem;line-height:1.8}.reference-card li strong{color:#111827;color:var(--text-primary)}.number-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:1rem}.number-item{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:.75rem}.number-item .num{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700}.number-item .jawa{color:#0d9488;color:var(--accent-primary);font-size:.875rem;font-weight:500}.number-note{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-style:italic;text-align:center}.jawa-faq{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.jawa-faq h2{margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.jawaese-translator-page .translator-direction{flex-direction:column}.jawaese-translator-page .direction-btn{max-width:250px;width:100%}.jawaese-translator-page .swap-btn{transform:rotate(90deg)}.jawaese-translator-page .swap-btn:hover{transform:rotate(270deg)}.reference-grid{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(5,1fr)}}.number-words-page .converter-mode-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.number-words-page .mode-btn{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.number-words-page .mode-btn:hover{border-color:#0d9488;border-color:var(--accent-primary);color:#111827;color:var(--text-primary)}.number-words-page .mode-btn.active{background:#0d9488;background:var(--accent-primary);border-color:#0d9488;border-color:var(--accent-primary);color:#fff}.number-words-page .swap-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast);width:44px}.number-words-page .swap-btn:hover{border-color:#0d9488;border-color:var(--accent-primary);color:#0d9488;color:var(--accent-primary);transform:rotate(180deg)}.number-words-page .quick-examples{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.number-words-page .examples-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem}.number-words-page .example-btn{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.375rem .75rem;transition:all .15s ease;transition:all var(--transition-fast)}.number-words-page .example-btn:hover{background:#fff;background:var(--bg-primary);border-color:#0d9488;border-color:var(--accent-primary);color:#0d9488;color:var(--accent-primary)}.number-words-page .converter-options{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}.number-words-page .option-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.number-words-page .option-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-weight:500;min-width:80px}.number-words-page .option-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.number-words-page .option-btn{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.375rem .75rem;transition:all .15s ease;transition:all var(--transition-fast)}.number-words-page .option-btn.active,.number-words-page .option-btn:hover{border-color:#0d9488;border-color:var(--accent-primary)}.number-words-page .option-btn.active{background:#0d9488;background:var(--accent-primary);color:#fff}.number-words-page .converter-output{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1.5rem}.number-words-page .output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.number-words-page .output-header h3{color:#4b5563;color:var(--text-secondary);font-size:1rem;margin:0}.number-words-page .output-text{color:#111827;color:var(--text-primary);font-size:1.25rem;line-height:1.6;word-break:break-word}.conversion-reference{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.conversion-reference h2{margin-bottom:1.5rem;text-align:center}.reference-tables{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reference-table{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1rem}.reference-table h3{color:#0d9488;color:var(--accent-primary);font-size:1rem;margin:0 0 1rem;text-align:center}.reference-table table{border-collapse:collapse;width:100%}.reference-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);font-size:.875rem;padding:.375rem .5rem}.reference-table td:first-child{color:#111827;color:var(--text-primary);font-weight:600;width:40%}.reference-table td:last-child{color:#4b5563;color:var(--text-secondary)}.reference-table tr:last-child td{border-bottom:none}.tool-faq{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.tool-faq h2{margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.number-words-page .converter-mode-toggle{flex-direction:column}.number-words-page .mode-btn{max-width:250px;width:100%}.number-words-page .swap-btn{transform:rotate(90deg)}.number-words-page .swap-btn:hover{transform:rotate(270deg)}.number-words-page .quick-examples{flex-direction:row;gap:.375rem}.number-words-page .example-btn{font-size:.75rem;padding:.3rem .5rem}.number-words-page .option-group{align-items:flex-start;flex-direction:column}.reference-tables{grid-template-columns:1fr}}.platform-previews-section{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:3rem 1rem}.platform-previews-section h2{color:#111827;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center}.platform-previews-section .section-subtitle{color:#4b5563;color:var(--text-secondary);margin-bottom:2rem;text-align:center}.platform-previews-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.platform-preview{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.platform-preview:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.preview-label{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.preview-icon{font-size:1rem}.platform-preview .copy-btn{margin:.75rem;width:calc(100% - 1.5rem)}.imessage-container{background:linear-gradient(180deg,#1c1c1e,#2c2c2e);min-height:280px;padding:0}.imessage-status-bar{align-items:center;color:#fff;display:flex;font-size:.75rem;justify-content:space-between;padding:.5rem 1rem}.imessage-notch{background:#000;border-radius:0 0 20px 20px;height:24px;width:80px}.imessage-icons{display:flex;font-size:.625rem;gap:.25rem}.imessage-nav{align-items:center;color:#007aff;display:flex;justify-content:space-between;padding:.5rem 1rem}.imessage-back{font-size:1.5rem;font-weight:300}.imessage-contact{align-items:center;display:flex;flex-direction:column}.imessage-avatar{align-items:center;background:#3a3a3c;border-radius:50%;display:flex;font-size:1.25rem;height:36px;justify-content:center;width:36px}.imessage-name{color:#fff;font-size:.75rem;margin-top:.25rem}.imessage-video{font-size:1.25rem}.imessage-chat{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.imessage-bubble{border-radius:18px;font-size:.9375rem;line-height:1.4;max-width:80%;padding:.625rem .875rem;word-break:break-word}.imessage-bubble.received{align-self:flex-start;background:#3a3a3c;border-bottom-left-radius:4px;color:#fff}.imessage-bubble.sent{align-self:flex-end;background:#007aff;border-bottom-right-radius:4px;color:#fff}.telegram-container{background:linear-gradient(180deg,#17212b,#0e1621);min-height:280px;padding:0}.telegram-header{align-items:center;background:#17212b;border-bottom:1px solid #232e3c;display:flex;gap:.75rem;padding:.75rem 1rem}.telegram-back{color:#5eb5f7;font-size:1.25rem}.telegram-contact{align-items:center;display:flex;flex:1 1;gap:.625rem}.telegram-avatar{align-items:center;background:linear-gradient(135deg,#5eb5f7,#339af0);border-radius:50%;display:flex;font-size:1.125rem;height:36px;justify-content:center;width:36px}.telegram-info{display:flex;flex-direction:column}.telegram-name{color:#fff;font-size:.9375rem;font-weight:600}.telegram-status{color:#5eb5f7;font-size:.75rem}.telegram-actions{color:#5eb5f7;display:flex;font-size:1.125rem;gap:1rem}.telegram-chat{gap:.5rem;padding:1rem}.telegram-bubble,.telegram-chat{display:flex;flex-direction:column}.telegram-bubble{border-radius:12px;gap:.25rem;max-width:80%;padding:.5rem .75rem}.telegram-bubble.received{align-self:flex-start;background:#182533;border-bottom-left-radius:4px}.telegram-bubble.sent{align-self:flex-end;background:#2b5278;border-bottom-right-radius:4px}.telegram-text{color:#fff;font-size:.9375rem;line-height:1.4;word-break:break-word}.telegram-time{align-self:flex-end;color:#ffffff80;font-size:.6875rem}.telegram-bubble.sent .telegram-time{color:#fff9}.instagram-container{background:#fff;background:var(--bg-primary);padding:1rem}.instagram-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.instagram-avatar{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);font-size:2rem;height:64px;padding:3px;width:64px}.instagram-avatar,.instagram-avatar span{align-items:center;border-radius:50%;display:flex;justify-content:center}.instagram-avatar span{background:#fff;background:var(--bg-primary);height:100%;width:100%}.instagram-stats{display:flex;flex:1 1;gap:1.5rem}.instagram-stat{align-items:center;display:flex;flex-direction:column;font-size:.8125rem}.instagram-stat strong{color:#111827;color:var(--text-primary);font-weight:600}.instagram-stat span{color:#4b5563;color:var(--text-secondary)}.instagram-bio{margin-bottom:1rem}.instagram-username{font-weight:600}.instagram-bio-text,.instagram-username{color:#111827;color:var(--text-primary);margin-bottom:.25rem}.instagram-bio-text{font-size:.875rem;line-height:1.5;word-break:break-word}.instagram-link{color:#00376b;font-size:.875rem;font-weight:600}body.dark-mode .instagram-link{color:#e0f1ff}.instagram-actions{display:flex;gap:.5rem}.instagram-follow-btn{background:#0095f6;color:#fff}.instagram-follow-btn,.instagram-message-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.instagram-message-btn{background:#f3f4f6;background:var(--bg-tertiary);color:#111827;color:var(--text-primary)}.discord-container{background:#313338;display:flex;min-height:220px}.discord-sidebar{align-items:center;background:#1e1f22;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;width:56px}.discord-server{align-items:center;background:#313338;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:border-radius .2s;width:40px}.discord-server.active,.discord-server:hover{background:#5865f2;border-radius:12px}.discord-main{flex:1 1}.discord-header{align-items:center;border-bottom:1px solid #1e1f22;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem}.discord-hash{color:#80848e;font-size:1.25rem}.discord-channel{font-size:.9375rem}.discord-messages{padding:1rem}.discord-message{display:flex;gap:.75rem}.discord-msg-avatar{align-items:center;background:#5865f2;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.discord-msg-content{flex:1 1}.discord-msg-header{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.25rem}.discord-msg-name{color:#f2f3f5;font-size:.9375rem;font-weight:500}.discord-msg-time{color:#80848e;font-size:.75rem}.discord-msg-text{color:#dbdee1;font-size:.9375rem;line-height:1.4;word-break:break-word}.twitter-container{background:#fff;background:var(--bg-primary);padding:1rem}.twitter-post{display:flex;gap:.75rem}.twitter-avatar{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.twitter-content{flex:1 1}.twitter-header{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.twitter-name{color:#111827;color:var(--text-primary);font-size:.9375rem;font-weight:700}.twitter-dot,.twitter-handle,.twitter-time{color:#9ca3af;color:var(--text-muted);font-size:.875rem}.twitter-text{color:#111827;color:var(--text-primary);font-size:.9375rem;line-height:1.4;margin-bottom:.75rem;word-break:break-word}.twitter-actions{color:#9ca3af;color:var(--text-muted);display:flex;font-size:.8125rem;justify-content:space-between;max-width:300px}.twitter-action{cursor:pointer;transition:color .15s}.twitter-action:hover{color:#0d9488;color:var(--accent-primary)}.facebook-container{background:#fff;background:var(--bg-primary);padding:0}.facebook-post{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;margin:.75rem;overflow:hidden}.facebook-header{align-items:center;display:flex;gap:.75rem;padding:.75rem}.facebook-avatar{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.facebook-info{display:flex;flex:1 1;flex-direction:column}.facebook-name{color:#111827;color:var(--text-primary);font-size:.9375rem;font-weight:600}.facebook-time{font-size:.75rem}.facebook-more,.facebook-time{color:#9ca3af;color:var(--text-muted)}.facebook-more{cursor:pointer;font-size:1.25rem}.facebook-text{color:#111827;color:var(--text-primary);font-size:.9375rem;line-height:1.4;padding:0 .75rem .75rem;word-break:break-word}.facebook-stats{color:#9ca3af;color:var(--text-muted);font-size:.8125rem;justify-content:space-between;padding:.5rem .75rem}.facebook-actions,.facebook-stats{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex}.facebook-action{background:none;border:none;color:#4b5563;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem;transition:background-color .15s}.facebook-action:hover{background:#f9fafb;background:var(--bg-secondary)}.stats-bar{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);margin:2rem auto;max-width:1200px;max-width:var(--container-max);padding:1.5rem 2rem}.stats-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-item{min-width:120px;text-align:center}.stat-number{color:#0d9488;color:var(--accent-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem}.stat-label,.stats-bar-compact{color:#4b5563;color:var(--text-secondary)}.stats-bar-compact{display:flex;flex-wrap:wrap;font-size:.8125rem;gap:1.5rem;justify-content:center;padding:.75rem 0}.stats-bar-compact .stat-item{align-items:center;display:flex;gap:.25rem;min-width:auto}.stats-bar-compact .stat-number{color:#0d9488;color:var(--accent-primary);font-size:.8125rem;font-weight:600;margin-bottom:0}.stats-bar-compact .stat-label{font-size:.8125rem}.compatibility-matrix{margin:1.5rem 0;overflow-x:auto}.compatibility-table{border-collapse:collapse;font-size:.875rem;width:100%}.compatibility-table td,.compatibility-table th{border:1px solid #e5e7eb;border:1px solid var(--border-color);padding:.75rem;text-align:center}.compatibility-table th{background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary);font-weight:600}.compatibility-table td:first-child,.compatibility-table th:first-child{font-weight:500;text-align:left}.compatibility-table tbody tr:hover{background:#f9fafb;background:var(--bg-secondary)}.compat-full{color:#22c55e;font-weight:600}.compat-partial{color:#f59e0b;font-weight:600}.compat-none{color:#ef4444;font-weight:600}.compatibility-legend{color:#4b5563;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:1.5rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.mini-compatibility{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.mini-compat-item{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:50px;display:flex;font-size:.8125rem;gap:.25rem;padding:.375rem .75rem}.mini-compat-item.full{border:1px solid #22c55e;color:#22c55e}.mini-compat-item.partial{border:1px solid #f59e0b;color:#f59e0b}.mini-compat-item.none{border:1px solid #ef4444;color:#ef4444}@media (max-width:768px){.platform-previews-grid{grid-template-columns:1fr}.stats-grid{gap:1rem}.stat-item{min-width:100px}.stat-number{font-size:1.5rem}.compatibility-legend{align-items:center;flex-direction:column;gap:.5rem}}.faq-page{min-height:100vh}.faq-page .page-hero{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:3rem 1rem;text-align:center}.faq-page .page-hero h1{color:#111827;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.faq-page .hero-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.125rem}.faq-quick-links{background:#f9fafb;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.5rem 1rem}.quick-links-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.quick-link{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50px;color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.quick-link:hover{background:#0d9488;background:var(--accent-primary);border-color:#0d9488;border-color:var(--accent-primary);color:#fff}.faq-controls{display:flex;gap:.75rem;justify-content:center}.faq-control-btn{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.375rem .75rem;transition:all .15s ease;transition:all var(--transition-fast)}.faq-control-btn:hover{background:#fff;background:var(--bg-primary);color:#111827;color:var(--text-primary)}.faq-content{margin:0 auto;max-width:800px;padding:2rem 1rem}.faq-category{margin-bottom:2.5rem}.faq-category-title{border-bottom:2px solid #0d9488;border-bottom:2px solid var(--accent-primary);color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.faq-item:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.faq-item.open{border-color:#0d9488;border-color:var(--accent-primary)}.faq-question{align-items:center;background:none;border:none;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-align:left;width:100%}.faq-question:hover{background:#f9fafb;background:var(--bg-secondary)}.faq-toggle{color:#0d9488;color:var(--accent-primary);flex-shrink:0;font-size:1.5rem;font-weight:300}.faq-answer{color:#4b5563;color:var(--text-secondary);line-height:1.7;padding:0 1.25rem 1.25rem}.faq-answer p{margin:0}.faq-contact{background:#f9fafb;background:var(--bg-secondary);padding:3rem 1rem;text-align:center}.faq-contact h2{color:#111827;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.faq-contact p{color:#4b5563;color:var(--text-secondary);margin-bottom:1.5rem}.faq-contact-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button.secondary{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-primary)}.cta-button.secondary:hover{background:#f3f4f6;background:var(--bg-tertiary)}.related-links{padding:3rem 1rem}.related-links h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.related-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.related-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1.5rem;text-align:center;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.related-card:hover{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-icon{font-size:2rem;margin-bottom:.5rem}.related-title{color:#111827;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.related-desc{color:#4b5563;color:var(--text-secondary);font-size:.8125rem}.compat-style-link{color:#0d9488;color:var(--accent-primary);font-weight:500;text-decoration:none}.compat-style-link:hover{text-decoration:underline}@media (max-width:768px){.faq-page .page-hero h1{font-size:2rem}.quick-links-grid{gap:.5rem}.quick-link{font-size:.8125rem;padding:.375rem .75rem}.faq-question{font-size:.9375rem;padding:.875rem 1rem}.faq-answer{font-size:.9375rem;padding:0 1rem 1rem}}.compatibility-page .page-hero{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:3rem 1rem;text-align:center}.compatibility-page .page-hero h1{color:#111827;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.compatibility-page .hero-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.125rem}.compat-intro{margin:0 auto;max-width:800px;padding:2.5rem 1rem}.intro-content h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.intro-content p{color:#4b5563;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.compat-matrix-section{background:#f9fafb;background:var(--bg-secondary);padding:2.5rem 1rem}.compat-matrix-section .container{margin:0 auto;max-width:1200px;max-width:var(--container-max)}.compat-matrix-section h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.platform-tips{padding:3rem 1rem}.platform-tips .container{margin:0 auto;max-width:1200px;max-width:var(--container-max)}.platform-tips h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.tip-card:hover{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.tip-icon{font-size:2rem;margin-bottom:.75rem}.tip-card h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tip-card p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.tip-link{color:#0d9488;color:var(--accent-primary);font-size:.9375rem;font-weight:500;text-decoration:none}.tip-link:hover{text-decoration:underline}.compat-troubleshooting{background:#f9fafb;background:var(--bg-secondary);padding:3rem 1rem}.compat-troubleshooting .container{margin:0 auto;max-width:1200px;max-width:var(--container-max)}.compat-troubleshooting h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.troubleshoot-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.troubleshoot-item{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem}.troubleshoot-item h3{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.troubleshoot-item p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.compat-cta{padding:3rem 1rem;text-align:center}.compat-cta h2{color:#111827;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.compat-cta p{color:#4b5563;color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width:768px){.compatibility-page .page-hero h1{font-size:2rem}.tips-grid,.troubleshoot-grid{grid-template-columns:1fr}}.about-mission{margin:0 auto 3rem;max-width:700px;text-align:center}.about-mission h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.mission-statement{color:#0d9488;color:var(--accent-primary);font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:1rem}.mission-content p{color:#4b5563;color:var(--text-secondary);line-height:1.7}.about-story-section{margin:0 auto 3rem;max-width:700px}.about-story-section h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.story-timeline{display:flex;flex-direction:column;gap:1.5rem}.story-item{align-items:flex-start;display:flex;gap:1rem}.story-year{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--accent-gradient);border-radius:50px;color:#fff;flex-shrink:0;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.story-item p{color:#4b5563;color:var(--text-secondary);line-height:1.6;margin:0}.about-different{margin-bottom:3rem}.about-different h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.different-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.different-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.different-card:hover{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.different-icon{font-size:2.5rem;margin-bottom:.75rem}.different-card h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.different-card p{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:768px){.story-item{flex-direction:column;gap:.5rem}.different-grid{grid-template-columns:1fr}}.sticky-trigger{height:0;width:100%}.sticky-input-container{background:#fff;background:var(--bg-primary);transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.sticky-input-container.is-sticky{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a;position:-webkit-sticky;position:sticky;top:60px;z-index:90}.sticky-input-container.is-sticky .main-input-section{padding:1rem 1rem .5rem}.sticky-input-container.is-sticky .main-textarea{transition:all .15s ease;transition:all var(--transition-fast)}.sticky-input-container.is-sticky .input-label{font-size:.75rem;margin-bottom:.375rem}.sticky-input-container.is-sticky .category-filter{padding:.5rem 1rem .75rem}.main-textarea{font-size:16px}@media (min-width:769px){.main-textarea{font-size:.9375rem}}.desktop-filter{display:block}.mobile-filter{display:none}.mobile-filter-label{font-weight:600;margin-right:.5rem}.category-select,.mobile-filter-label{color:#111827;color:var(--text-primary);font-size:.9375rem}.category-select{-webkit-appearance:none;appearance:none;background:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-weight:500;padding:.625rem 2.5rem .625rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.category-select:focus{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.mobile-filter .filter-container{align-items:center;display:flex;justify-content:center}.style-card-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.preview-btn{align-items:center;background:var(--accent-light);border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-sm);color:#0d9488;color:var(--accent-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;transition:all .15s ease;transition:all var(--transition-fast)}.preview-btn:hover{background:#0d9488;background:var(--accent-primary);color:#fff}.preview-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-modal-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.preview-modal-header h3{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.preview-modal-example{font-size:1.5rem;opacity:.7}.preview-modal-close{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border:none;border-radius:50%;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.preview-modal-close:hover{background:#0d9488;background:var(--accent-primary);color:#fff}.preview-modal-content{padding:1.5rem}.preview-modal-text{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.preview-modal-label{color:#4b5563;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.preview-modal-styled{color:#111827;color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:500;min-width:200px;word-break:break-word}.preview-style-selector{align-items:center;background:#f3f4f6;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.25rem}.preview-style-selector label{font-weight:600}.preview-style-select,.preview-style-selector label{color:#111827;color:var(--text-primary);font-size:.9375rem}.preview-style-select{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;min-width:180px;padding:.625rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.preview-style-select:focus{border-color:#0d9488;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.preview-style-select optgroup{color:#4b5563;color:var(--text-secondary);font-weight:600}.preview-style-select option{font-weight:400;padding:.5rem}.preview-current-text{align-items:center;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;flex:1 1;gap:.75rem;min-width:250px;padding:.5rem 1rem}.preview-text-label{color:#4b5563;color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.preview-text-styled{color:#111827;color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}@media (max-width:768px){.desktop-filter{display:none}.mobile-filter{display:block}.sticky-input-container.is-sticky{top:56px}.sticky-input-container.is-sticky .main-input-section{padding:.75rem .75rem .375rem}.sticky-input-container.is-sticky .category-filter{padding:.375rem .75rem .5rem}.main-textarea{font-size:16px!important}.preview-modal-overlay{align-items:flex-end;padding:.5rem}.preview-modal{border-radius:12px 12px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;max-height:85vh}.preview-modal-header{padding:1rem}.preview-modal-header h3{font-size:1rem}.preview-modal-content{padding:1rem}.preview-modal-text{align-items:stretch;flex-direction:column;gap:.5rem;padding:.875rem 1rem}.preview-modal-styled{font-size:1rem;min-width:0;min-width:auto}.style-card-footer{flex-direction:row;gap:.375rem}.preview-btn{font-size:.6875rem;padding:.3rem .5rem}.style-link{font-size:.75rem}.preview-style-selector{align-items:stretch;flex-direction:column;gap:.75rem;padding:.875rem 1rem}.preview-style-selector label{display:none}.preview-style-select{min-width:0;min-width:auto;width:100%}.preview-current-text{align-items:stretch;flex-direction:column;gap:.5rem;min-width:0;min-width:auto;padding:.75rem}.preview-text-styled{font-size:1rem;text-align:center;white-space:normal}.preview-current-text .copy-btn{justify-content:center;width:100%}}@media (max-width:480px){.preview-btn{font-size:.625rem;padding:.25rem .4rem}.preview-btn:before{content:""}.style-card-footer .style-link{font-size:.6875rem}}[data-theme=dark] .preview-modal-overlay{background:#000000bf}[data-theme=dark] .preview-modal{background:#f9fafb;background:var(--bg-secondary);box-shadow:0 20px 60px #00000080}[data-theme=dark] .category-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .sticky-input-container.is-sticky{box-shadow:0 4px 20px #0000004d}
/*# sourceMappingURL=main.db295297.css.map*/