.page-aharfi{background:var(--bg-primary,#f8f9ff);min-height:100vh;color:var(--text-primary,#1a1a2e);font-family:Inter,system-ui,sans-serif}.page-aharfi.dark{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#1e1e35;--bg-card-hover:#252545;--text-primary:#e8e8ff;--text-secondary:#a0a0c0;--text-muted:#6060a0;--border-color:#2a2a4a;--border-hover:#4040a0;--input-bg:#1a1a30;--shadow:0 4px 24px #0006;--accent:#7c6fff;--accent2:#a78bfa}.page-aharfi:not(.dark){--bg-primary:#f5f5ff;--bg-secondary:#eef;--bg-card:#fff;--bg-card-hover:#f8f8ff;--text-primary:#1a1a3e;--text-secondary:#4a4a6a;--text-muted:#88a;--border-color:#e0e0f0;--border-hover:#8080cc;--input-bg:#fff;--shadow:0 4px 24px #503cc814;--accent:#65e;--accent2:#8b5cf6}.ah-container{max-width:800px;margin:0 auto;padding:0 1rem}.ah-hero{text-align:center;background:linear-gradient(135deg,#1a1040 0%,#2d1b69 40%,#0f2460 100%);padding:3rem 1rem 2.5rem;position:relative;overflow:hidden}.ah-hero:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#7c6fff40 0%,#0000 60%),radial-gradient(at 70% 20%,#a78bfa26 0%,#0000 50%);position:absolute;inset:0}.ah-hero-badge{color:#c4b5fd;letter-spacing:.05em;background:#7c6fff33;border:1px solid #7c6fff66;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.ah-hero h1{color:#fff;margin:0 0 .75rem;font-size:clamp(1.7rem,5vw,2.8rem);font-weight:800;line-height:1.2}.ah-hero h1 span{background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ah-hero-sub{color:#c4b5fd;opacity:.9;max-width:520px;margin:0 auto 2rem;font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.6}.ah-input-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1.5px solid #7c6fff59;border-radius:1.25rem;max-width:600px;margin:0 auto;padding:1.25rem}.ah-main-input{color:#fff;resize:none;box-sizing:border-box;background:#ffffff1a;border:1.5px solid #7c6fff4d;border-radius:.75rem;outline:none;width:100%;min-height:52px;padding:.9rem 1rem;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.ah-main-input::placeholder{color:#c4b5fd80}.ah-main-input:focus{border-color:#a78bfab3}.ah-input-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.ah-quick-btn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:#7c6fff26;border:1px solid #7c6fff4d;border-radius:.5rem;padding:.45rem .85rem;font-size:.82rem;transition:all .2s}.ah-quick-btn:hover{background:#7c6fff4d}.ah-char-counter{color:#c4b5fd99;margin-left:auto;font-size:.78rem}.ah-hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.75rem;display:flex}.ah-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.ah-stat-num{color:#a78bfa;font-size:1.3rem;font-weight:800}.ah-stat-label{color:#c4b5fd;opacity:.75;font-size:.73rem}.ah-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.3rem;font-weight:700;display:flex}.ah-gen-section{padding:2rem 0 1rem}.ah-gen-grid{grid-template-columns:1fr;gap:.65rem;display:grid}.ah-gen-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:all .2s;display:flex}.ah-gen-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.ah-gen-card-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.ah-gen-style-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:80px;font-size:.72rem;font-weight:600}.ah-gen-text{color:var(--text-primary);word-break:break-all;font-size:1.2rem;line-height:1.4}.ah-gen-copy{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.6rem;flex-shrink:0;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.ah-gen-copy:hover{opacity:.9;transform:scale(1.03)}.ah-gen-copy.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.ah-styles-section{padding:1.5rem 0}.ah-styles-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;display:grid}.ah-style-card{background:var(--bg-card);border:1.5px solid var(--border-color);text-align:center;cursor:pointer;border-radius:1rem;padding:1rem .75rem;transition:all .2s;position:relative;overflow:hidden}.ah-style-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px #7c6fff26}.ah-style-char{margin-bottom:.4rem;font-size:2.5rem;line-height:1.2;display:block}.ah-style-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.ah-style-copy-overlay{color:#fff;opacity:0;background:#7c6fffeb;border-radius:.9rem;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:opacity .18s;display:flex;position:absolute;inset:0}.ah-style-card:hover .ah-style-copy-overlay{opacity:1}.ah-style-card .ah-copy-inline{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:.5rem;margin-top:.3rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;transition:all .18s}.ah-style-card .ah-copy-inline:hover{opacity:.9}.ah-style-card .ah-copy-inline.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.ah-uses-section{padding:1.5rem 0}.ah-uses-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.ah-use-chip{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .18s}.ah-use-chip:hover,.ah-use-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.ah-use-examples{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;padding:1.25rem}.ah-use-example-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.ah-use-example-row:last-child{border-bottom:none}.ah-use-example-text{color:var(--text-primary);word-break:break-all;font-size:1.1rem}.ah-use-example-copy{border:1.5px solid var(--border-color);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.5rem;flex-shrink:0;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .18s}.ah-use-example-copy:hover,.ah-use-example-copy.copied{background:var(--accent);color:#fff}.ah-alpha-nav-wrap{padding:1.5rem 0 .5rem}.ah-alpha-nav{scrollbar-width:none;gap:.35rem;padding:.5rem 0;display:flex;overflow-x:auto}.ah-alpha-nav::-webkit-scrollbar{display:none}.ah-alpha-btn{background:var(--bg-card);border:1.5px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.ah-alpha-btn:hover{border-color:var(--accent);color:var(--accent)}.ah-alpha-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.ah-prev-next{gap:.75rem;margin-bottom:1rem;display:flex}.ah-prev-next a{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;flex-direction:column;flex:1;gap:.25rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.ah-prev-next a:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.ah-prev-next-label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.ah-prev-next-letter{color:var(--text-primary);font-size:1.1rem;font-weight:700}.ah-fav-section{padding:1.5rem 0}.ah-fav-box{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1.25rem;padding:1.25rem}.ah-fav-grid{flex-wrap:wrap;gap:.5rem;display:flex}.ah-fav-item{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1rem;display:flex}.ah-fav-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .15s}.ah-fav-remove:hover{color:#f43f5e}.ah-fav-copy{border:1px solid var(--border-color);color:var(--accent);cursor:pointer;background:0 0;border-radius:.4rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600;transition:all .18s}.ah-fav-copy:hover{background:var(--accent);color:#fff}.ah-empty-state{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.88rem}.ah-search-wrap{margin-bottom:1rem}.ah-search-input{background:var(--input-bg);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:.75rem;outline:none;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.ah-search-input:focus{border-color:var(--accent)}.ah-faq-section{padding:2rem 0}.ah-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.85rem;margin-bottom:.65rem;overflow:hidden}.ah-faq-q{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.92rem;font-weight:600;display:flex}.ah-faq-q:hover{color:var(--accent)}.ah-faq-toggle{color:var(--accent);flex-shrink:0;font-size:1.25rem;transition:transform .2s}.ah-faq-item.open .ah-faq-toggle{transform:rotate(45deg)}.ah-faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.ah-faq-item.open .ah-faq-answer{max-height:250px}.ah-faq-answer p{color:var(--text-secondary);margin:0;padding:0 1.25rem 1rem;font-size:.88rem;line-height:1.65}.ah-article-section{padding:2rem 0}.ah-article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1rem;padding:1.5rem}.ah-article-card h2{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.12rem;font-weight:700}.ah-article-card h2:first-child{margin-top:0}.ah-article-card p,.ah-article-card li{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.ah-article-card ul,.ah-article-card ol{padding-left:1.25rem}.ah-article-card a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.ah-related-section{padding:1.5rem 0 2.5rem}.ah-related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;display:grid}.ah-related-card{background:var(--bg-card);border:1.5px solid var(--border-color);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem;text-decoration:none;transition:all .2s;display:flex}.ah-related-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.ah-related-icon{font-size:1.5rem}.ah-related-label{color:var(--text-primary);font-size:.78rem;font-weight:600}.ah-toast{color:#fff;z-index:9999;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;animation:.3s ahToastIn;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 8px 32px #22c55e59}@keyframes ahToastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:640px){.ah-styles-grid{grid-template-columns:repeat(3,1fr)}.ah-related-grid{grid-template-columns:repeat(2,1fr)}.ah-hero{padding:2rem 1rem}.ah-gen-card{flex-wrap:wrap}.ah-gen-style-name{min-width:60px;font-size:.68rem}}@media (max-width:400px){.ah-styles-grid{grid-template-columns:repeat(2,1fr)}}