:root { color-scheme: dark; --bg:#050505; --surface:#0b0b0b; --text:#f4f4f1; --muted:#8d8d88; --line:#292929; --line-strong:#444; --good:#8cffb4; --max:1480px; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:var(--bg); color:var(--text); }
a { color:inherit; }
.entity-topbar { height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,4vw,64px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; background:rgba(5,5,5,.92); backdrop-filter:blur(18px); }
.entity-identity { display:flex; align-items:center; gap:14px; text-decoration:none; font-size:.95rem; letter-spacing:.22em; }
.entity-identity img { width:34px; height:34px; border-radius:9px; }
.topbar-link,.language-link,.editor-link { color:var(--muted); text-decoration:none; font-size:.66rem; letter-spacing:.13em; }
.topbar-link:hover,.language-link:hover { color:var(--text); }
.topbar-actions { justify-self:end; display:flex; align-items:center; gap:18px; }
.language-link { border:1px solid var(--line-strong); border-radius:999px; padding:9px 12px; color:var(--text); }
.editor-link { color:var(--good); }
.entity-shell { max-width:var(--max); margin:0 auto; padding:0 clamp(20px,4vw,64px) 100px; }
.directory-hero,.profile-hero { min-height:390px; display:flex; flex-direction:column; justify-content:flex-end; padding:70px 0 54px; border-bottom:1px solid var(--line); }
.kicker,.section-title h2,.aside-section h2,dt { color:var(--muted); font-size:.67rem; font-weight:500; letter-spacing:.15em; }
.kicker { margin:0 0 24px; }
h1 { max-width:1200px; margin:0; font-size:clamp(4rem,9vw,9rem); font-weight:410; line-height:.85; letter-spacing:-.065em; overflow-wrap:anywhere; }
.directory-hero>p:last-child,.profile-hero>p:last-child { max-width:720px; margin:32px 0 0; color:#bdbcb7; font-size:1.12rem; line-height:1.55; }
.directory-tools { border-bottom:1px solid var(--line); }
.entity-search { min-height:82px; display:grid; grid-template-columns:minmax(260px,1fr) auto auto; align-items:end; gap:14px; padding:14px 0; }
.entity-search label { display:grid; gap:7px; color:var(--muted); font-size:.62rem; letter-spacing:.11em; }
.entity-search input { height:38px; border:1px solid var(--line-strong); background:transparent; color:var(--text); padding:0 12px; font:inherit; }
.entity-search button { height:38px; padding:0 17px; border:1px solid var(--line-strong); background:transparent; color:var(--text); font:inherit; font-size:.64rem; letter-spacing:.11em; cursor:pointer; }
.entity-search button:hover { background:var(--text); color:var(--bg); }
.entity-search>a { align-self:center; color:var(--muted); font-size:.62rem; letter-spacing:.11em; text-decoration:none; }
.kind-tabs { display:flex; gap:8px; padding:18px 0; overflow-x:auto; scrollbar-width:none; border-top:1px solid var(--line); }
.kind-tabs a { display:flex; align-items:center; gap:8px; white-space:nowrap; border:1px solid var(--line); border-radius:999px; padding:7px 12px; color:var(--muted); text-decoration:none; font-size:.7rem; }
.kind-tabs a.active { color:var(--text); border-color:var(--text); }
.kind-tabs span { color:#5f5f5b; }
.directory-status { padding:18px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:.67rem; letter-spacing:.12em; }
.entity-row { display:grid; grid-template-columns:48px minmax(220px,1fr) 100px 130px 130px 24px; gap:18px; align-items:center; min-height:104px; border-bottom:1px solid var(--line); text-decoration:none; }
.entity-row:hover { background:linear-gradient(90deg,rgba(255,255,255,.025),transparent); }
.row-index,.row-kind,.row-stat span,.entity-row time,.row-arrow { color:var(--muted); font-size:.65rem; letter-spacing:.09em; }
.entity-row>div:nth-child(2) { display:grid; gap:7px; }
.entity-row>div:nth-child(2) strong { font-size:clamp(1.15rem,2vw,1.55rem); font-weight:500; }
.row-stat { display:grid; gap:5px; }
.row-stat strong { font-size:1.35rem; font-weight:420; }
.entity-row time { line-height:1.45; }
.row-arrow { font-size:1rem; text-align:right; }
.empty { padding:70px 0; color:var(--muted); }
.pages { display:flex; justify-content:center; align-items:center; gap:6px; padding:36px 0 0; }
.pages a,.pages>span { min-width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); color:var(--muted); text-decoration:none; font-size:.7rem; }
.pages a:hover,.pages a.active { background:var(--text); color:var(--bg); border-color:var(--text); }
.pages>span { border-color:transparent; opacity:.45; }
.profile-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(48px,8vw,130px); }
.profile-main { min-width:0; }
.section-title { display:flex; justify-content:space-between; align-items:baseline; padding:46px 0 22px; border-bottom:1px solid var(--line); }
.section-title h2 { margin:0; }
.section-title span { color:var(--muted); font-size:.8rem; }
.timeline-event { display:grid; grid-template-columns:130px minmax(0,1fr) 54px; gap:22px; padding:27px 0; border-bottom:1px solid var(--line); }
.timeline-event>time { color:var(--muted); font-size:.7rem; line-height:1.45; }
.timeline-meta { margin:0 0 9px; color:var(--muted); font-size:.62rem; letter-spacing:.09em; }
.timeline-event h3 { margin:0; font-size:clamp(1.15rem,2vw,1.55rem); font-weight:510; line-height:1.2; letter-spacing:-.025em; }
.timeline-event h3 a { text-decoration:none; }
.timeline-event h3 a:hover { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.timeline-summary { max-width:800px; margin:12px 0 0; color:#aaa9a4; font-size:.9rem; line-height:1.5; }
.timeline-score { text-align:right; font-size:1.5rem; font-weight:420; }
.profile-aside { padding-top:46px; }
.profile-aside dl { margin:0; border-top:1px solid var(--line); }
.profile-aside dl div { display:flex; justify-content:space-between; align-items:baseline; padding:19px 0; border-bottom:1px solid var(--line); }
.profile-aside dt { font-size:.6rem; }
.profile-aside dd { margin:0; font-size:1.55rem; }
.aside-section { margin-top:36px; }
.aside-section h2 { margin:0 0 14px; }
.category-stat,.related-list a { display:flex; justify-content:space-between; gap:15px; padding:11px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:.7rem; text-decoration:none; }
.category-stat strong,.related-list strong { color:var(--text); font-weight:500; }
.related-list a:hover span { color:var(--text); }
@media(max-width:900px){.entity-topbar{grid-template-columns:1fr auto}.topbar-link{display:none}.entity-row{grid-template-columns:38px minmax(180px,1fr) 85px 110px 20px}.entity-row time{display:none}.profile-grid{grid-template-columns:1fr;gap:0}.profile-aside{order:-1}.timeline-event{grid-template-columns:105px minmax(0,1fr) 48px}}
@media(max-width:620px){.entity-topbar{height:64px}.entity-identity{font-size:.78rem;letter-spacing:.16em}.entity-identity img{width:29px;height:29px}.editor-link{display:none}.directory-hero,.profile-hero{min-height:300px;padding:50px 0 42px}h1{font-size:clamp(3.4rem,17vw,5.8rem)}.entity-search{grid-template-columns:1fr;align-items:stretch;padding:18px 0}.entity-row{grid-template-columns:28px minmax(0,1fr) 62px 16px;gap:10px;min-height:90px}.entity-row .row-stat:nth-child(4){display:none}.timeline-event{grid-template-columns:1fr 44px;gap:12px}.timeline-event>time{grid-column:1/-1}.timeline-summary{font-size:.84rem}}
