*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0c;--bg-gradient: radial-gradient(ellipse at 50% 0%, #0c0f18 0%, #0a0a0c 70%);--surface: #111115;--surface-hover: #18181d;--surface-2: #16161b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .38);--accent: #6366f1;--accent-hover: #4f52d9;--accent-dim: rgba(99, 102, 241, .1);--accent-border: rgba(99, 102, 241, .22);--accent-soft: rgba(99, 102, 241, .16);--success: #86efac;--pink: #f472b6;--pink-dim: rgba(244, 114, 182, .12);--pink-border: rgba(244, 114, 182, .28);--shadow: 0 16px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--r-xs: 8px;--r-pill: 999px;--transition: .18s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-gradient);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.header{flex-shrink:0;border-bottom:1px solid var(--border);padding:0 24px}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:920px;margin:0 auto;width:100%}.header-title{font-size:1rem;font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.2}.header-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:8px}.btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);line-height:1}.btn-ghost:hover{background:#ffffff0f;border-color:var(--border-hover);color:var(--text)}.btn-ghost.active{background:var(--pink-dim);border-color:var(--pink-border);color:var(--pink)}.count-pill{font-size:.6875rem;font-weight:600;background:#ffffff1a;padding:1px 7px;border-radius:var(--r-pill);line-height:1.5}.btn-ghost.active .count-pill{background:#f472b633;color:var(--pink)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);border:none;border-radius:var(--r-pill);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);line-height:1;letter-spacing:-.005em}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 0 4px #6366f138;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);line-height:1}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}.btn-secondary.copied{color:var(--success);border-color:#86efac3d;background:#86efac14}.btn-secondary.saved{color:var(--pink);border-color:var(--pink-border);background:var(--pink-dim)}.btn-link{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--r-xs);transition:color var(--transition)}.btn-link:hover{color:var(--text)}.main{flex:1;display:flex;flex-direction:column;padding:32px 24px 48px;max-width:920px;margin:0 auto;width:100%;gap:20px}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.control-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}.aes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.aes-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);min-height:76px}.aes-chip:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-hover)}.aes-chip.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border) inset}.aes-icon{font-size:1.25rem;line-height:1}.aes-chip.active .aes-icon{color:var(--accent)}.aes-label{font-size:.75rem;font-weight:500;letter-spacing:-.005em;text-align:center;line-height:1.15}.persona-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 28px 24px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:cardIn .24s ease both}.persona-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,var(--accent-soft) 0%,transparent 55%);pointer-events:none;opacity:.6}.persona-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;position:relative}.persona-aesthetic{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-pill);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.01em}.persona-aesthetic-icon{font-size:.9375rem;line-height:1}.persona-aura{font-size:.6875rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.persona-username{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:6px;word-break:break-all;line-height:1.2;position:relative}.persona-vibe{font-size:.8125rem;color:var(--text-muted);letter-spacing:.01em;margin-bottom:20px;position:relative}.persona-bio{font-size:.9375rem;color:var(--text-secondary);line-height:1.55;margin-bottom:22px;font-style:italic;position:relative}.palette-row{display:flex;gap:6px;margin-bottom:22px;position:relative}.swatch{flex:1;height:56px;border-radius:var(--r-md);position:relative;overflow:hidden;border:1px solid var(--border);transition:transform var(--transition);cursor:pointer}.swatch:hover{transform:translateY(-2px)}.swatch-hex{position:absolute;bottom:6px;left:8px;right:8px;font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:#fffffff2;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.traits-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;position:relative}.trait-chip{font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);padding:5px 11px;border-radius:var(--r-pill);letter-spacing:.005em}.persona-signature{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);letter-spacing:.01em;position:relative}.signature-label{text-transform:uppercase;font-weight:600;letter-spacing:.08em;font-size:.6875rem;color:var(--text-muted)}.signature-value{color:var(--text-secondary);font-style:italic}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 4px 0}.action-row .btn-primary{flex-shrink:0}.hint{font-size:.75rem;color:var(--text-muted);letter-spacing:.01em;margin-left:auto}.saved-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;animation:cardIn .22s ease both}.saved-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.empty{font-size:.8125rem;color:var(--text-muted);padding:14px 4px 4px;text-align:center}.saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.saved-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;transition:all var(--transition)}.saved-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.saved-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.saved-username{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-aes{font-size:.6875rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.saved-swatches{display:flex;gap:3px;flex-shrink:0}.saved-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.icon-btn{width:30px;height:30px;border-radius:var(--r-xs);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);padding:0;flex-shrink:0}.icon-btn:hover{background:#ffffff0f;color:var(--text);border-color:var(--border)}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.credit{text-align:center;padding:20px 24px 32px;font-size:.75rem;color:var(--text-muted)}.credit-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition)}.credit-link:hover{color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 720px){.aes-grid{grid-template-columns:repeat(3,1fr)}.persona-username{font-size:1.5rem}}@media (max-width: 600px){.header{padding:0 16px}.main{padding:20px 16px 40px}.header-sub{display:none}.aes-grid{grid-template-columns:repeat(2,1fr)}.saved-grid{grid-template-columns:1fr}.control-block{padding:14px 16px}.persona-card{padding:22px 20px 20px}.persona-username{font-size:1.375rem}.persona-bio{font-size:.875rem}.swatch{height:48px}.action-row{flex-direction:column;align-items:stretch}.action-row .hint{margin:0;text-align:center}.btn-primary,.btn-secondary{justify-content:center}}.persona-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;position:relative}.social-stats{display:flex;gap:10px;margin-bottom:22px}.social-stats>div{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px;text-align:center}.social-stats strong{display:block;color:var(--text);font-size:.95rem;font-weight:600;margin-bottom:4px}.social-stats span{color:var(--text-muted);font-size:.72rem}.persona-lore{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.persona-lore strong{color:var(--text);margin-right:4px}.main-sidebyside{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.main-left{position:sticky;top:20px}.main-right{min-width:0}.main-left .control-block{max-height:calc(100vh - 120px);overflow-y:auto}.main-left .aes-grid{display:flex;flex-direction:column;gap:10px}@media (max-width: 1100px){.main-sidebyside{grid-template-columns:1fr}.main-left{position:static}.main-left .aes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 14px 10px 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:.8125rem;transition:all var(--transition)}.search-input:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.sidebar-controls{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.hybrid-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.switch-label{display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-label span{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.hybrid-subtext{font-size:.6875rem;color:var(--text-muted);margin-top:1px}.switch-wrapper{position:relative;width:38px;height:20px;display:flex;align-items:center}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff0f;transition:var(--transition);border-radius:var(--r-pill);border:1px solid var(--border)}.switch-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--text-muted);transition:var(--transition);border-radius:50%}.switch-input:checked+.switch-slider{background-color:var(--accent-soft);border-color:var(--accent-border)}.switch-input:checked+.switch-slider:before{transform:translate(18px);background-color:var(--accent)}.vibe-score-container{margin-bottom:20px;position:relative;z-index:2}.vibe-score-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:6px}.vibe-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.vibe-value{color:var(--accent);font-family:var(--font-mono)}.vibe-bar-track{width:100%;height:6px;background:#ffffff0d;border-radius:var(--r-pill);overflow:hidden;border:1px solid rgba(255,255,255,.03)}.vibe-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--pink) 100%);border-radius:var(--r-pill);transition:width .8s cubic-bezier(.4,0,.2,1)}.rarity-badge{font-weight:600!important}.rarity-badge[data-rarity=Common]{color:var(--text-secondary)}.rarity-badge[data-rarity=Rare]{color:#60a5fa;border-color:#60a5fa40;background:#60a5fa14}.rarity-badge[data-rarity=Epic]{color:#a78bfa;border-color:#a78bfa40;background:#a78bfa14}.rarity-badge[data-rarity=Legendary]{color:#fbbf24;border-color:#fbbf2440;background:#fbbf2414}.rarity-badge[data-rarity=Mythic]{color:#f472b6;border-color:#f472b64d;background:#f472b61a;text-shadow:0 0 8px rgba(244,114,182,.2)}.persona-card.mythic-card{box-shadow:0 0 25px #f472b626,var(--shadow);border-color:#f472b640}.persona-card.mythic-card:before{background:radial-gradient(circle at 20% 0%,rgba(244,114,182,.2) 0%,transparent 55%)}.persona-card.mythic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);padding:1px;background:linear-gradient(90deg,#6366f1,#f472b6,#fbbf24,#6366f1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:mythicBorderGlow 6s linear infinite;z-index:10}@keyframes mythicBorderGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.special-egg-badge{color:#38bdf8!important;border-color:#38bdf84d!important;background:#38bdf81a!important;font-weight:600!important;animation:pulseBadge 2s infinite ease-in-out}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.75}}.easter-egg-card .vibe-bar-fill{background:linear-gradient(90deg,#38bdf8,#a78bfa)}.easter-egg-card.neon-prophet{background:linear-gradient(180deg,#050508,#06111a);border-color:#39ff144d;box-shadow:0 0 30px #39ff141f,var(--shadow)}.easter-egg-card.neon-prophet:before{background:radial-gradient(circle at 20% 0%,rgba(57,255,20,.15) 0%,transparent 60%)}.easter-egg-card.neon-prophet .persona-aesthetic{background:#39ff141a;border-color:#39ff1440;color:#39ff14}.easter-egg-card.last-archivist{background:linear-gradient(180deg,#0e0a07,#17100b);border-color:#d4a5744d;box-shadow:0 0 30px #d4a5741f,var(--shadow)}.easter-egg-card.last-archivist:before{background:radial-gradient(circle at 20% 0%,rgba(212,165,116,.15) 0%,transparent 60%)}.easter-egg-card.last-archivist .persona-aesthetic{background:#d4a5741a;border-color:#d4a57440;color:#d4a574}.easter-egg-card.forgotten-king{background:linear-gradient(180deg,#0a0505,#140e0b);border-color:#d4af374d;box-shadow:0 0 30px #d4af371f,var(--shadow)}.easter-egg-card.forgotten-king:before{background:radial-gradient(circle at 20% 0%,rgba(212,175,55,.15) 0%,transparent 60%)}.easter-egg-card.forgotten-king .persona-aesthetic{background:#d4af371a;border-color:#d4af3740;color:#d4af37}.easter-egg-card.static-saint{background:linear-gradient(180deg,#0a0a0a,#151515);border-color:#ffffff26;box-shadow:0 0 30px #ffffff0d,var(--shadow)}.easter-egg-card.static-saint:before{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.08) 0%,transparent 60%)}.easter-egg-card.static-saint .persona-aesthetic{background:#ffffff0d;border-color:#ffffff26;color:#fff}.easter-egg-card.crimson-oracle{background:linear-gradient(180deg,#080002,#120005);border-color:#ef44444d;box-shadow:0 0 30px #ef44441f,var(--shadow)}.easter-egg-card.crimson-oracle:before{background:radial-gradient(circle at 20% 0%,rgba(239,68,68,.15) 0%,transparent 60%)}.easter-egg-card.crimson-oracle .persona-aesthetic{background:#ef44441a;border-color:#ef444440;color:#ef4444}.btn-secondary.exporting{opacity:.7;cursor:not-allowed}