:root{--bg: #020617;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--text-main: #e5e7eb;--text-soft: #9ca3af;--border-subtle: rgba(148, 163, 184, .3);--radius-lg: 1.2rem;--radius-pill: 999px;--shadow-soft: 0 20px 45px rgba(15, 23, 42, .8)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#020617 0 45%,#020617);color:var(--text-main);min-height:100vh}#app-root,#app{min-height:100vh;justify-content:center;padding:1.5rem}.shell{width:100%;background:radial-gradient(circle at top right,#020617 0 50%,#020617);border-radius:1.5rem;border:1px solid rgba(148,163,184,.5);box-shadow:var(--shadow-soft);padding:1.4rem 1.6rem 1.5rem;position:relative;overflow:hidden}.shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(56,189,248,.15),transparent 55%),radial-gradient(circle at bottom right,rgba(236,72,153,.15),transparent 55%);opacity:.9}.shell-inner{position:relative;display:flex;flex-direction:column;gap:1.2rem}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.2rem}.branding{display:flex;flex-direction:column;gap:.15rem}.branding-title{font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:#e5e7eb}.branding-sub{font-size:.8rem;color:var(--text-soft)}.pill{font-size:.7rem;padding:.3rem .75rem;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.5);background:#0f172ae6;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.pill-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e40}.hero{display:flex;gap:1.2rem;align-items:stretch;flex-wrap:wrap}.hero-portrait{width:122px;height:122px;border-radius:1.3rem;background:#020617;border:1px solid rgba(148,163,184,.6);overflow:hidden;position:relative;flex-shrink:0}.hero-portrait img{width:100%;height:100%;object-fit:cover;display:block}.hero-portrait-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.1rem;font-weight:700;color:#020617}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(248,250,252,.2),transparent 65%);mix-blend-mode:soft-light;pointer-events:none}.hero-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.hero-name-row{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.hero-name-block{display:flex;flex-direction:column;gap:.15rem}.hero-name{font-size:1.4rem;font-weight:650;letter-spacing:.04em}.hero-alias{font-size:.82rem;color:var(--text-soft)}.badge-row{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.badge{font-size:.7rem;padding:.25rem .7rem;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.7);background:#0f172af2;display:inline-flex;align-items:center;gap:.35rem}.badge-accent{border-color:#38bdf8e6;box-shadow:0 0 16px #38bdf880}.dot{width:8px;height:8px;border-radius:999px;background:#38bdf8}.hero-tagline{font-size:.9rem;color:#d1d5db;margin-top:.2rem}.hero-meta-grid{margin-top:.3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem .8rem;font-size:.78rem;color:var(--text-soft)}.meta-label{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:#6b7280;margin-bottom:.08rem}.tab-bar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;border-radius:999px;border:1px solid var(--border-subtle);background:#0f172ae6}.tab{border:none;background:transparent;font-size:.78rem;padding:.3rem .9rem;border-radius:999px;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}.tab:before{content:"";width:6px;height:6px;border-radius:999px;background:#94a3b899}.tab:hover{color:#e5e7eb;transform:translateY(-1px)}.tab--active{background:radial-gradient(circle at top left,rgba(56,189,248,.3),transparent 60%);color:#eff6ff;box-shadow:0 0 0 1px #38bdf8d9,0 10px 24px #0f172acc}.tab--active:before{background:#38bdf8}.content{overflow-y:auto;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent;margin-top:.4rem}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.section{padding:.7rem .15rem;border-bottom:1px dashed rgba(55,65,81,.9)}.section:last-child{border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem}.section-title{font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;color:#9ca3af}.section-sub{font-size:.75rem;color:#6b7280}.section-body{font-size:.86rem;color:#d1d5db;line-height:1.5}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.card-soft{padding:.7rem .75rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.4);background:#0f172af2}.list{margin:.2rem 0 .45rem;padding-left:1.1rem}.list li{margin-bottom:.18rem}.pill-row{display:flex;flex-wrap:wrap;gap:.35rem}.pill-soft{font-size:.76rem;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172afa;color:#e5e7eb}.muted{font-size:.8rem;color:var(--text-soft)}.rel-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.rel-card{padding:.6rem .7rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.4);background:#0f172af2;font-size:.82rem}.rel-name-row{display:flex;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem}.rel-name{font-weight:600}.rel-type{font-size:.7rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172afa}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.gallery-item{border-radius:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.5);background:#020617}.gallery-img-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden}.gallery-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .2s ease}.gallery-item:hover .gallery-img-wrap img{transform:scale(1.04)}.gallery-caption{padding:.4rem .55rem .5rem;font-size:.78rem;color:#e5e7eb;background:linear-gradient(to top,#020617,transparent)}@media(max-width:720px){#app-root,#app{padding:.75rem}.shell{padding:1.1rem 1.1rem 1.2rem;border-radius:1.1rem}.hero-portrait{width:110px;height:110px}.content{max-height:none}}