:root{--ink:#0d1523;--muted:#667085;--line:#e5e7eb;--paper:#fff;--soft:#f7f8fa;--navy:#09131f;--navy2:#122236;--gold:#f0c95e;--blue:#1267d6;--green:#16834b;--red:#9d3340;--shadow:0 16px 42px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f7;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{height:68px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#07111c,#102338);color:white;position:relative;z-index:20}
.brand{border:0;background:transparent;color:white;text-align:left;padding:0}.brand span{display:block;font-weight:900;font-size:24px;letter-spacing:-.7px}.brand small{display:block;color:#f3d46e;font-size:11px;font-weight:700;letter-spacing:.25px;margin-top:1px}
.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav button{border:0;background:transparent;color:#e8edf4;padding:10px 12px;border-radius:10px}.topbar nav button:hover{background:rgba(255,255,255,.08)}
.hero{min-height:255px;background:radial-gradient(circle at 20% 40%,#233a50 0,transparent 25%),radial-gradient(circle at 80% 30%,#1e3348 0,transparent 23%),linear-gradient(110deg,#08121d,#111d2a 52%,#08111b);color:white;position:relative;overflow:visible}
.hero:before,.hero:after{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 105px,#fff 106px 107px,transparent 108px 210px)}
.hero-inner{max-width:1180px;margin:auto;padding:30px 28px 34px;text-align:center;position:relative;z-index:2}.hero h1{font-size:38px;line-height:1;margin:0 0 8px;letter-spacing:-1.2px}.hero p{margin:0 0 18px;color:#d6dde7;font-weight:650}
.search-shell{width:min(720px,100%);height:58px;margin:auto;background:white;border-radius:18px;display:flex;align-items:center;padding:5px 5px 5px 16px;position:relative;box-shadow:0 14px 35px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.4)}
.search-icon{color:#64748b;font-size:25px;margin-right:8px}.search-shell input{height:100%;flex:1;border:0;outline:0;font-size:16px;min-width:0}.search-shell #searchBtn{height:46px;min-width:124px;border:0;border-radius:14px;background:linear-gradient(135deg,#f5d774,#e9bc47);font-weight:900;color:#17130a}.clear{border:0;background:transparent;font-size:25px;color:#64748b;padding:0 12px}
.suggestions{position:absolute;left:0;right:0;top:65px;background:white;color:#111827;border:1px solid #e5e7eb;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;text-align:left;z-index:50}.suggestion{padding:12px 16px;border-bottom:1px solid #eef0f3}.suggestion:last-child{border:0}.suggestion:hover,.suggestion.selected{background:#f4f6f8}.suggestion strong{display:block}.suggestion small{color:#667085}
.examples{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:#b9c2ce;font-size:12px}.examples button{border:1px solid rgba(255,255,255,.15);background:#1d2b3a;color:#e8edf3;border-radius:999px;padding:6px 11px}
.hero.result-mode{min-height:165px}.hero.result-mode .hero-inner{padding-top:24px;padding-bottom:25px}.hero.result-mode h1,.hero.result-mode p,.hero.result-mode .examples{display:none}
main{max-width:1180px;margin:auto;padding:26px 28px 60px}.loading,.error{display:block;padding:16px 18px;border-radius:14px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.error{color:#8b1e2b}
.profile-grid{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;gap:26px;align-items:start}
.photo-card,.card,.identity-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px rgba(15,23,42,.04)}
.photo-card{overflow:hidden}.profile-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#edf0f3}.no-photo{aspect-ratio:4/5;display:grid;place-items:center;text-align:center;padding:30px;color:#7b8491;background:linear-gradient(145deg,#eef1f4,#fafafa);font-weight:750}
.photo-caption{padding:12px 14px;color:#667085;font-size:12px;border-top:1px solid var(--line)}
.identity{padding-top:4px}.crumb{color:#667085;font-size:12px;margin-bottom:18px}.occupation{display:inline-block;background:#f7e5ef;color:#9b285c;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;text-transform:capitalize}.identity h2{font-size:48px;line-height:1.02;letter-spacing:-1.8px;margin:13px 0 8px}.aka{color:#596273;font-size:14px;line-height:1.6}.aka strong{color:#111827}.summary{font-size:14px;line-height:1.55;color:#4b5563;margin:12px 0 16px}
.identity-card{padding:17px 18px;border-left:5px solid var(--gold);background:linear-gradient(110deg,#fffdf7,#f4fbf5);margin:16px 0}.identity-card .label{font-size:12px;color:#667085;font-weight:750}.real-name-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:5px}.real-name{font-size:23px;font-weight:900}.confidence{font-size:11px;font-weight:850;padding:6px 9px;border-radius:999px}.confidence.verified{background:#d9f4e3;color:#126d3f}.confidence.reported{background:#fff0c8;color:#76560a}.confidence.unknown{background:#f8e7e9;color:#8d2935}
.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:18px}.mini-fact{padding:16px 8px 10px 0}.mini-fact:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.mini-fact span{display:block;color:#667085;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.mini-fact strong{display:block;margin-top:5px;line-height:1.35}
.side{display:grid;gap:16px}.card{padding:18px}.card h3{margin:0 0 14px;font-size:17px}.side-row{padding:10px 0;border-top:1px solid #eef0f2}.side-row:first-of-type{border-top:0}.side-row label{display:block;color:#667085;font-size:11px;text-transform:uppercase;font-weight:800}.side-row div{font-size:14px;margin-top:3px;line-height:1.35}.side-row a{color:var(--blue);text-decoration:none;font-weight:700;word-break:break-word}
.below-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:24px}.evidence-item,.source-item,.alias-chip{font-size:13px}.source-item,.evidence-item{padding:10px 0;border-top:1px solid #edf0f2}.source-item:first-of-type,.evidence-item:first-of-type{border-top:0}.source-item a,.evidence-item a{color:var(--blue);font-weight:750;text-decoration:none}.aliases{display:flex;gap:8px;flex-wrap:wrap}.alias-chip{background:#f2f4f7;border-radius:999px;padding:7px 10px}
.similar{margin-top:26px}.similar-head{display:flex;justify-content:space-between;align-items:center}.similar h3{font-size:18px}.similar-note{color:#667085;font-size:12px}.similar-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.similar-placeholder{height:112px;border-radius:14px;border:1px dashed #cbd2da;background:#fff;display:grid;place-items:center;text-align:center;color:#7b8491;font-size:12px;padding:10px}
.choice-title{margin:0 0 16px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice{background:white;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left;box-shadow:0 4px 18px rgba(15,23,42,.04)}.choice img{width:70px;height:82px;object-fit:cover;border-radius:10px;float:left;margin-right:12px}.choice strong{display:block;font-size:16px}.choice small{display:block;color:#667085;margin-top:5px;line-height:1.35}
.about-page{max-width:760px;background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow);margin:auto}.about-page h2{font-size:32px;margin-top:0}.about-page p{line-height:1.7;color:#4b5563}
footer{border-top:1px solid #e3e5e8;padding:28px;display:flex;justify-content:center;gap:18px;color:#667085;font-size:12px;background:white}footer strong{color:#111827}
@media(max-width:980px){.profile-grid{grid-template-columns:280px 1fr}.side{grid-column:1/-1;grid-template-columns:1fr 1fr}.below-grid{grid-template-columns:1fr 1fr}.below-grid .card:last-child{grid-column:1/-1}.similar-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.topbar{padding:0 16px}.brand span{font-size:20px}.brand small,.topbar nav button span,.topbar nav #browseBtn{display:none}.topbar nav{gap:0}.hero-inner{padding-left:16px;padding-right:16px}.hero h1{font-size:30px}.search-shell #searchBtn{min-width:88px}.examples{display:none}main{padding:18px 14px 40px}.profile-grid{grid-template-columns:1fr}.photo-card{max-width:420px;margin:auto}.identity h2{font-size:39px}.side{grid-column:auto;grid-template-columns:1fr}.below-grid{grid-template-columns:1fr}.below-grid .card:last-child{grid-column:auto}.facts{grid-template-columns:1fr}.mini-fact:nth-child(even){padding-left:0;border-left:0}.similar-row{grid-template-columns:repeat(2,1fr)}.choice-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:center}}

/* V5.1 distinctive Name Finder — deliberately not an IMDb-style yellow search bar */
.search-shell{width:min(760px,100%);height:66px;padding:6px 7px 6px 8px;border-radius:22px;background:rgba(5,13,23,.78);border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 45px rgba(0,0,0,.30);backdrop-filter:blur(12px)}
.finder-mark{height:52px;width:88px;border-radius:16px;background:#f1cb60;color:#111827;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;flex:none}
.finder-mark span{font-size:9px;letter-spacing:2px;font-weight:900}.finder-mark strong{font-size:12px;letter-spacing:.6px;margin-top:4px}
.search-shell input{background:transparent;color:white;padding:0 14px;font-size:17px}.search-shell input::placeholder{color:#93a0af}
.search-shell .clear{color:#aeb8c4}.search-shell #searchBtn{min-width:52px;width:52px;height:52px;border-radius:50%;background:white;color:#0d1724;box-shadow:none;font-size:25px;font-weight:800}
.search-shell #searchBtn:hover{transform:translateX(2px)}
.suggestions{top:73px;border-radius:16px}
.similar-loading,.similar-empty{grid-column:1/-1;min-height:95px;border:1px dashed #cbd2da;border-radius:14px;background:#fff;display:grid;place-items:center;color:#667085;font-size:13px}
.person-card{border:1px solid var(--line);background:white;border-radius:15px;padding:0 0 11px;overflow:hidden;text-align:left;box-shadow:0 5px 18px rgba(15,23,42,.04);transition:.16s transform,.16s box-shadow}
.person-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.10)}
.person-card img,.person-noimg{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9edf2}
.person-noimg{display:grid;place-items:center;font-size:32px;font-weight:900;color:#75808d}
.person-card span{display:block;padding:9px 10px 0;font-weight:850;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-card small{display:block;padding:2px 10px 0;color:#667085}
@media(max-width:680px){.finder-mark{width:70px}.finder-mark span{font-size:8px}.finder-mark strong{font-size:10px}.search-shell input{font-size:15px;padding:0 9px}}