@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";
:root{--amber:#b8860b;--amber-dark:#8b6508;--amber-light:#d4a017;--amber-bg:#b8860b14;--amber-border:#b8860b40;--amber-glow:#b8860b26;--bg:#f4f1eb;--bg-warm:#ede9df;--surface:#fff;--surface-alt:#faf8f4;--surface-elevated:#f0ece3;--border:#d9d0be;--border-subtle:#e8e2d6;--border-strong:#c4b89a;--text-primary:#1c1a16;--text-secondary:#5a5040;--text-muted:#9a8e7a;--shadow-sm:0 1px 4px #0000000f,0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014,0 1px 4px #0000000d;--shadow-amber:0 4px 24px #b8860b38;--shadow-card:0 2px 12px #0000000f,0 1px 3px #0000000a;--transition:all .22s cubic-bezier(.4,0,.2,1);--radius:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);background-image:radial-gradient(at 15% 0,#b8860b0f 0%,#0000 55%),radial-gradient(at 85% 100%,#6464500a 0%,#0000 55%);font-family:Rajdhani,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.6;overflow-x:hidden}.hc-container{flex-direction:column;min-height:100vh;display:flex}.hc-main{flex-direction:column;flex:1;gap:40px;width:100%;max-width:1180px;margin:0 auto;padding:48px 24px 64px;display:flex}.hc-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.hc-hero-ornament{background:linear-gradient(90deg,transparent,var(--amber),transparent);width:200px;height:1px}.hc-hero-label{letter-spacing:5px;text-transform:uppercase;color:var(--amber-dark);opacity:.85;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700}.hc-hero-title{color:#1c1a16;letter-spacing:3px;font-family:Cinzel,serif;font-size:3rem;font-weight:900;line-height:1.1}.hc-hero-accent{color:var(--amber-light)}.hc-hero-desc{color:var(--text-secondary);max-width:560px;font-size:16px;font-weight:500;line-height:1.7}.hc-search-section{flex-direction:column;gap:10px;display:flex}.hc-search-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:10px;padding:12px 16px;display:flex}.hc-search-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-bg),var(--shadow-sm)}.hc-search-icon{opacity:.5;flex-shrink:0;font-size:1rem}.hc-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500}.hc-search-input::placeholder{color:var(--text-muted)}.hc-clear-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;padding:2px 6px;font-size:13px}.hc-clear-btn:hover{color:var(--text-primary);background:var(--surface-elevated)}.hc-search-info{background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 14px;font-size:14px;display:flex}.hc-search-info strong{color:var(--amber-dark)}.hc-clear-text-btn{border:1px solid var(--border);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:0 0;padding:4px 12px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600}.hc-clear-text-btn:hover{border-color:var(--amber);color:var(--amber-dark)}.hc-selected-banner{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:var(--surface);grid-template-columns:1fr auto;align-items:stretch;min-height:110px;display:grid;position:relative;overflow:hidden}.hc-selected-banner:before{content:"";background:linear-gradient(180deg,var(--amber-light),var(--amber-dark));width:4px;position:absolute;top:0;bottom:0;left:0}.hc-selected-banner:after{content:"";background:linear-gradient(105deg,var(--amber-bg)0%,transparent 55%);pointer-events:none;position:absolute;inset:0}.hc-selected-left{z-index:1;align-items:center;gap:20px;padding:22px 24px 22px 28px;display:flex;position:relative}.hc-selected-icon{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:56px;height:56px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e8dfc8,#d9cdb0);flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.hc-selected-text{flex-direction:column;gap:4px;display:flex}.hc-selected-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--amber-dark);opacity:.8;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.hc-selected-name{color:var(--text-primary);letter-spacing:1.5px;font-family:Cinzel,serif;font-size:22px;font-weight:700;line-height:1}.hc-selected-desc{color:var(--text-muted);margin-top:2px;font-size:14px;font-weight:500}.hc-selected-action{border-left:1px solid var(--border-subtle);background:var(--surface-alt);z-index:1;align-items:center;padding:0 28px;display:flex;position:relative}.hc-selected-btn{background:var(--amber-bg);color:var(--amber-dark);border:1px solid var(--amber);border-radius:var(--radius-md);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap;padding:11px 24px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700}.hc-selected-btn:hover{background:var(--amber-dark);color:#fff;border-color:var(--amber-dark);box-shadow:var(--shadow-amber);transform:translateY(-2px)}.hc-fandoms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.hc-fandom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.hc-fandom-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.hc-fandom-card.selected{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-border),var(--shadow-md)}.hc-fandom-card-band{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#ede8de,#e4ddd0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative;overflow:hidden}.hc-fandom-card-band:after{content:"";background:linear-gradient(90deg,transparent,var(--amber-border),transparent);opacity:.8;height:1px;position:absolute;bottom:0;left:0;right:0}.hc-fandom-icon-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff9;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;display:flex;position:relative}.hc-trending-badge{background:var(--amber);border:1px solid var(--amber-light);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;display:flex;position:absolute;top:-6px;right:-6px}.hc-fandom-band-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.hc-fandom-type{letter-spacing:2.5px;text-transform:uppercase;color:var(--amber-dark);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.hc-fandom-count{color:var(--text-muted);font-size:12px;font-weight:500}.hc-fandom-card-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.hc-fandom-name{color:var(--text-primary);letter-spacing:.8px;font-family:Cinzel,serif;font-size:18px;font-weight:700;line-height:1.2}.hc-fandom-description{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.65}.hc-fandom-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hc-examples-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-right:2px;font-size:11px;font-weight:700}.hc-tag{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;border-radius:2px;padding:3px 9px;font-size:12px;font-weight:600}.hc-tag.more{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber-dark)}.hc-fandom-footer{padding:0 20px 20px}.hc-fandom-btn{background:var(--amber-bg);width:100%;color:var(--amber-dark);border:1px solid var(--amber);border-radius:var(--radius-md);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:var(--transition);padding:10px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700}.hc-fandom-btn:hover{background:var(--amber-dark);color:#fff;border-color:var(--amber-dark);box-shadow:var(--shadow-amber)}.hc-no-results{text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:48px 24px;display:flex}.hc-no-results-icon{opacity:.3;font-size:2.5rem}.hc-no-results h3{color:var(--text-primary);letter-spacing:.5px;font-family:Cinzel,serif;font-size:18px}.hc-no-results p{color:var(--text-muted);font-size:14px}.hc-tuned-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:28px;padding:40px 36px;display:flex}.hc-section-ornament{background:linear-gradient(90deg,var(--amber),transparent);opacity:.4;width:100%;height:1px}.hc-tuned-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hc-tuned-badge{border:1px solid var(--amber);letter-spacing:2px;text-transform:uppercase;color:var(--amber-light);box-shadow:0 0 12px var(--amber-glow);background:linear-gradient(135deg,#1c1a16,#2e2a20);border-radius:20px;align-items:center;gap:8px;padding:5px 16px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;animation:2.5s ease-in-out infinite hc-pulse;display:inline-flex}@keyframes hc-pulse{0%,to{box-shadow:0 0 12px var(--amber-glow)}50%{box-shadow:0 0 22px #b8860b52}}.hc-tuned-title{color:var(--text-primary);letter-spacing:1px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;line-height:1.2}.hc-tuned-subtitle{color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border-subtle);border-left:3px solid var(--amber);border-radius:0 var(--radius-md)var(--radius-md)0;max-width:640px;padding:16px 20px;font-size:15px;line-height:1.7}.hc-updates-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hc-update-card{background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden}.hc-update-card:before{content:"";background:linear-gradient(90deg,var(--amber),transparent);height:2px;position:absolute;top:0;left:0;right:0}.hc-update-card:hover{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hc-update-top{justify-content:space-between;align-items:center;display:flex}.hc-update-icon{border:1px solid var(--amber-border);border-radius:var(--radius-md);width:44px;height:44px;box-shadow:0 0 8px var(--amber-glow);background:linear-gradient(135deg,#1c1a16,#2e2a20);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.hc-update-eta{letter-spacing:1.5px;text-transform:uppercase;color:var(--amber-dark);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:2px;padding:3px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.hc-update-title{color:var(--text-primary);letter-spacing:.3px;font-family:Cinzel,serif;font-size:15px;font-weight:700}.hc-update-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.hc-cta-box{background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.hc-cta-title{color:var(--text-primary);letter-spacing:.5px;font-family:Cinzel,serif;font-size:17px;font-weight:700}.hc-cta-subtitle{color:var(--text-muted);font-size:14px}.hc-cta-highlights{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hc-highlight{background:var(--surface-elevated);border:1px solid var(--border-subtle);letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;transition:var(--transition);border-radius:2px;padding:5px 14px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600}.hc-highlight:hover{border-color:var(--amber-border);color:var(--amber-dark);background:var(--amber-bg)}.hc-progress-box{background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.hc-progress-track{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:4px;height:8px;overflow:hidden}.hc-progress-fill{background:linear-gradient(90deg,var(--amber-dark),var(--amber-light));border-radius:4px;width:45%;height:100%;animation:2s ease-in-out infinite alternate hc-progress}@keyframes hc-progress{0%{width:45%}to{width:48%}}.hc-progress-labels{color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;display:flex}.hc-progress-pct{color:var(--amber-dark);font-family:Cinzel,serif;font-size:16px;font-weight:700}.hc-stats-section{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hc-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden}.hc-stat-card:before{content:"";background:linear-gradient(90deg,transparent,var(--amber-border),transparent);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.hc-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.hc-stat-card:hover:before{opacity:1}.hc-stat-icon{border:1px solid var(--amber-border);border-radius:var(--radius-md);width:46px;min-width:46px;height:46px;box-shadow:0 0 10px var(--amber-glow);background:linear-gradient(135deg,#1c1a16,#2e2a20);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.hc-stat-number{color:var(--amber-dark);letter-spacing:.5px;margin-bottom:3px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.hc-stat-label{color:var(--text-muted);letter-spacing:.3px;font-size:13px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width:1024px){.hc-fandoms-grid,.hc-stats-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hc-main{gap:28px;padding:28px 16px 48px}.hc-hero-title{font-size:2.2rem}.hc-selected-banner{grid-template-columns:1fr}.hc-selected-action{border-left:none;border-top:1px solid var(--border-subtle);background:var(--surface-alt);padding:16px 20px}.hc-selected-left{padding:20px 20px 20px 24px}.hc-selected-btn{width:100%}.hc-fandoms-grid,.hc-updates-grid{grid-template-columns:1fr}.hc-tuned-section{padding:28px 20px}.hc-tuned-title{font-size:1.5rem}}@media (max-width:480px){.hc-hero-title{font-size:1.8rem}.hc-stats-section{grid-template-columns:1fr}.hc-search-info{flex-direction:column;align-items:flex-start;gap:8px}.hc-stat-card{text-align:center;flex-direction:column}}