@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Quicksand',sans-serif;color:#f4e9ff;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,190,235,.22),transparent 32%),radial-gradient(circle at bottom right,rgba(145,120,255,.24),transparent 34%),linear-gradient(180deg,#080510 0%,#160b24 48%,#07030d 100%)}
body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,230,250,.65) 1px,transparent 1px),radial-gradient(rgba(190,160,255,.32) 1px,transparent 1px);background-size:70px 70px,115px 115px;opacity:.45;pointer-events:none;z-index:-1}
.site-header,.character-header{text-align:center;max-width:1000px;margin:0 auto;padding:50px 20px 20px}
.site-header h1,.character-header h1{font-size:3rem;color:#f2b8ff}.tagline,.character-header p,.loading{color:#d9c8ee;margin-top:10px}
.creator-profile-card,.profile-card,.content-card,.folder-heading,.character-card,.relationship-card{background:rgba(18,10,30,.82);border:1px solid rgba(230,190,255,.24);border-radius:32px;backdrop-filter:blur(16px);box-shadow:0 12px 32px rgba(0,0,0,.42)}
.creator-profile-card{width:90%;max-width:1000px;margin:35px auto;padding:32px;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;text-align:left}
.creator-avatar{width:165px;height:165px;object-fit:cover;border-radius:50%;border:6px solid #b477e8}.creator-kicker{color:#f2b8ff;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.creator-profile-info h2{color:#f2b8ff;font-size:2.25rem;margin:8px 0 12px}.creator-bio{color:#eadcff;line-height:1.7}
.creator-pills,.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.creator-pills span,.tag{padding:8px 14px;border-radius:999px;background:rgba(170,100,210,.25);border:1px solid rgba(230,190,255,.25);color:#f7eaff;text-decoration:none}
.wiki-nav-card{max-width:850px;margin:25px auto;padding:25px}.wiki-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:15px}
.wiki-links a,.back-button,.profile-nav a{display:inline-block;padding:12px 20px;border-radius:999px;background:rgba(26,14,42,.85);border:1px solid rgba(230,190,255,.28);color:#f4e9ff;text-decoration:none;transition:.25s}
.wiki-links a:hover,.back-button:hover,.profile-nav a:hover,.character-card:hover{transform:translateY(-3px);box-shadow:0 0 22px rgba(220,160,255,.22)}
.search-container{display:flex;justify-content:center;padding:30px 20px}#searchInput{width:100%;max-width:650px;padding:16px 24px;border-radius:999px;border:1px solid rgba(230,190,255,.3);background:rgba(18,10,30,.82);color:#f4e9ff;font-size:1rem}
.folder-container{width:92%;max-width:1450px;margin:0 auto;padding-bottom:80px}.folder-section{margin-bottom:55px}.folder-heading{max-width:1180px;margin:0 auto 22px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.folder-title{display:flex;gap:12px;align-items:center}.folder-heading h2{color:#f2b8ff}.folder-section.collapsed .character-grid{display:none}
.character-count{margin-top:18px;color:#f2b8ff;font-weight:700}.character-grid{width:90%;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));justify-content:center;gap:30px;padding-bottom:30px}.character-card{position:relative;display:block;width:100%;max-width:360px;color:#f4e9ff;text-decoration:none;padding:38px;text-align:center;overflow:hidden}.character-card img{width:180px;height:180px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 24px;border:5px solid #3a1d55;background:rgba(255,255,255,.08)}.character-card h2{color:#f2b8ff;font-size:1.9rem}.character-card p{color:#d9c8ee;margin-top:8px}.favorite-badge{display:inline-block;margin:0 4px 10px;padding:7px 12px;border-radius:999px;background:rgba(255,190,235,.18);border:1px solid rgba(255,220,245,.26);color:#ffeaff;font-weight:700;font-size:.85rem}.hub-badge{background:rgba(180,140,255,.2)}
.profile-page{width:92%;max-width:1250px;margin:auto;padding-bottom:80px}.profile-card{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start;padding:40px}.main-ref{width:100%;max-height:650px;object-fit:contain;border-radius:24px;background:rgba(10,5,18,.7)}.quick-facts{display:flex;flex-direction:column;gap:12px}.quick-facts h2,.quick-facts h3,.content-card h2,.section-title h2{color:#f2b8ff}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:35px 0}.tab-button{cursor:pointer;color:#f4e9ff;background:rgba(18,10,30,.82);border:1px solid rgba(230,190,255,.30);border-radius:999px;padding:12px 20px;font-family:inherit;font-size:1rem}.tab-button.active,.tab-button:hover{background:linear-gradient(135deg,#32184b,#8f4bbb,#f2b8ff)}.tab-panel{display:none}.tab-panel.active{display:block}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.content-card{padding:28px}.content-card p{color:#f4e9ff;line-height:1.65;white-space:pre-line}.wide-card{grid-column:1/-1}
.gallery-grid,.relationship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.image-card img{width:100%;height:280px;object-fit:cover;border-radius:20px;cursor:pointer}.image-title{text-align:center;margin-top:10px;color:#f2b8ff;font-weight:700}.section-title{text-align:center;margin-bottom:28px}.relationship-card{text-align:center;padding:24px}.relationship-card img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:4px solid rgba(180,120,230,.85);margin-bottom:12px}.relationship-type{display:inline-block;margin:8px 0;padding:7px 12px;border-radius:999px;background:rgba(170,100,210,.25);color:#f2b8ff;font-weight:700}.profile-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:35px}
.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,1,6,.94);justify-content:center;align-items:center;padding:30px}.lightbox.active{display:flex}.lightbox img{max-width:95%;max-height:90vh;border-radius:20px}.lightbox-close{position:absolute;top:20px;right:30px;border:none;background:rgba(230,190,255,.25);color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer}
@media(max-width:900px){.creator-profile-card,.profile-card{grid-template-columns:1fr;text-align:center}.site-header h1,.character-header h1{font-size:2.25rem}}