.page-aharfi{min-height:100vh;background:var(--bg-primary,#f8f9ff);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 rgba(0,0,0,.4);--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 rgba(80,60,200,.08);--accent:#65e;--accent2:#8b5cf6}.ah-container{max-width:800px;margin:0 auto;padding:0 1rem}.ah-hero{background:linear-gradient(135deg,#1a1040,#2d1b69 40%,#0f2460);padding:3rem 1rem 2.5rem;text-align:center;position:relative;overflow:hidden}.ah-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(124,111,255,.25) 0,transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(167,139,250,.15) 0,transparent 50%);pointer-events:none}.ah-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(124,111,255,.2);border:1px solid rgba(124,111,255,.4);color:#c4b5fd;padding:.35rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.25rem}.ah-hero h1{font-size:clamp(1.7rem,5vw,2.8rem);font-weight:800;color:#fff;line-height:1.2;margin:0 0 .75rem}.ah-hero h1 span{background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ah-hero-sub{color:#c4b5fd;font-size:clamp(.9rem,2.5vw,1.05rem);max-width:520px;margin:0 auto 2rem;opacity:.9;line-height:1.6}.ah-input-box{max-width:600px;margin:0 auto;background:hsla(0,0%,100%,.07);border:1.5px solid rgba(124,111,255,.35);border-radius:1.25rem;padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ah-main-input{width:100%;background:hsla(0,0%,100%,.1);border:1.5px solid rgba(124,111,255,.3);border-radius:.75rem;padding:.9rem 1rem;color:#fff;font-size:1.1rem;font-family:inherit;outline:none;transition:border-color .2s;resize:none;min-height:52px;box-sizing:border-box}.ah-main-input::placeholder{color:rgba(196,181,253,.5)}.ah-main-input:focus{border-color:rgba(167,139,250,.7)}.ah-input-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap;align-items:center}.ah-quick-btn{background:rgba(124,111,255,.15);border:1px solid rgba(124,111,255,.3);border-radius:.5rem;color:#c4b5fd;padding:.45rem .85rem;font-size:.82rem;cursor:pointer;transition:all .2s;white-space:nowrap}.ah-quick-btn:hover{background:rgba(124,111,255,.3)}.ah-char-counter{color:rgba(196,181,253,.6);font-size:.78rem;margin-left:auto}.ah-hero-stats{display:flex;gap:1.5rem;justify-content:center;margin-top:1.75rem;flex-wrap:wrap}.ah-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ah-stat-num{font-size:1.3rem;font-weight:800;color:#a78bfa}.ah-stat-label{font-size:.73rem;color:#c4b5fd;opacity:.75}.ah-section-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.ah-gen-section{padding:2rem 0 1rem}.ah-gen-grid{display:grid;grid-template-columns:1fr;grid-gap:.65rem;gap:.65rem}.ah-gen-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:all .2s}.ah-gen-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.ah-gen-card-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1 1}.ah-gen-style-name{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:80px;flex-shrink:0}.ah-gen-text{font-size:1.2rem;color:var(--text-primary);word-break:break-all;line-height:1.4}.ah-gen-copy{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:.6rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.7rem;gap:.7rem}.ah-style-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.ah-style-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px rgba(124,111,255,.15)}.ah-style-char{font-size:2.5rem;line-height:1.2;display:block;margin-bottom:.4rem}.ah-style-category{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;display:block}.ah-style-copy-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(124,111,255,.92);border-radius:.9rem;color:#fff;font-weight:700;font-size:.85rem;opacity:0;transition:opacity .18s}.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;border:none;border-radius:.5rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s;margin-top:.3rem}.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{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.ah-use-chip{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .18s;white-space:nowrap}.ah-use-chip.active,.ah-use-chip:hover{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{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--border-color);gap:.5rem}.ah-use-example-row:last-child{border-bottom:none}.ah-use-example-text{font-size:1.1rem;color:var(--text-primary);word-break:break-all}.ah-use-example-copy{background:none;border:1.5px solid var(--border-color);border-radius:.5rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;color:var(--accent);cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.ah-use-example-copy.copied,.ah-use-example-copy:hover{background:var(--accent);color:#fff}.ah-alpha-nav-wrap{padding:1.5rem 0 .5rem}.ah-alpha-nav{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding:.5rem 0}.ah-alpha-nav::-webkit-scrollbar{display:none}.ah-alpha-btn{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:.5rem;width:38px;height:38px;font-size:.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .18s;text-decoration:none;display:flex;align-items:center;justify-content:center}.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{display:flex;gap:.75rem;margin-bottom:1rem}.ah-prev-next a{flex:1 1;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;padding:1rem;text-decoration:none;display:flex;flex-direction:column;gap:.25rem;transition:all .2s}.ah-prev-next a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.ah-prev-next-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.ah-prev-next-letter{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.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{display:flex;flex-wrap:wrap;gap:.5rem}.ah-fav-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary)}.ah-fav-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.1rem;line-height:1;transition:color .15s;padding:0}.ah-fav-remove:hover{color:#f43f5e}.ah-fav-copy{background:none;border:1px solid var(--border-color);border-radius:.4rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600;color:var(--accent);cursor:pointer;transition:all .18s}.ah-fav-copy:hover{background:var(--accent);color:#fff}.ah-empty-state{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.88rem}.ah-search-wrap{margin-bottom:1rem}.ah-search-input{width:100%;background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:.75rem;padding:.7rem 1rem;font-size:.9rem;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.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{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--text-primary);gap:1rem}.ah-faq-q:hover,.ah-faq-toggle{color:var(--accent)}.ah-faq-toggle{font-size:1.25rem;flex-shrink:0;transition:transform .2s}.ah-faq-item.open .ah-faq-toggle{transform:rotate(45deg)}.ah-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.ah-faq-item.open .ah-faq-answer{max-height:250px}.ah-faq-answer p{padding:0 1.25rem 1rem;color:var(--text-secondary);font-size:.88rem;line-height:1.65;margin:0}.ah-article-section{padding:2rem 0}.ah-article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.ah-article-card h2{font-size:1.12rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 .75rem}.ah-article-card h2:first-child{margin-top:0}.ah-article-card li,.ah-article-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.7}.ah-article-card ol,.ah-article-card ul{padding-left:1.25rem}.ah-article-card a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.ah-related-section{padding:1.5rem 0 2.5rem}.ah-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.65rem;gap:.65rem}.ah-related-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:1rem;padding:.9rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:all .2s}.ah-related-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.ah-related-icon{font-size:1.5rem}.ah-related-label{font-size:.78rem;font-weight:600;color:var(--text-primary)}.ah-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(0);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-weight:700;font-size:.9rem;box-shadow:0 8px 32px rgba(34,197,94,.35);z-index:9999;display:flex;align-items:center;gap:.5rem;animation:ahToastIn .3s ease}@keyframes ahToastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-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)}}