:root { --bg:#000; --surface:#0b0b0b; --surface-2:#121212; --text:#fff; --dim:#b5b5b5; --muted:#767676; --line:#242424; --green:#35d15a; --pad:clamp(20px,4.5vw,72px); }
* { box-sizing:border-box; }
html { color-scheme:dark; scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:'Inter Tight',sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
:focus-visible { outline:2px solid var(--text); outline-offset:4px; border-radius:8px; }
.links-nav { min-height:68px; padding:0 var(--pad); display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.links-wordmark,.links-nav-actions { display:flex; align-items:center; gap:10px; font-size:.72rem; font-weight:700; letter-spacing:.14em; }
.links-nav-actions { gap:22px; color:var(--dim); }
.links-nav-actions a { min-height:44px; display:inline-flex; align-items:center; gap:7px; transition-property:color; transition-duration:.18s; }
.links-nav-actions a:hover { color:var(--text); }
.links-dot { width:9px; height:9px; border-radius:50%; background:#d8d8d8; box-shadow:0 0 14px #ffffff55; flex:0 0 auto; }
.links-shell { width:min(1060px,100%); margin:0 auto; padding:38px var(--pad) 96px; }
.profile-card { display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:22px; align-items:center; padding:22px; border-radius:28px; background:linear-gradient(145deg,#141414 0%,var(--surface) 48%); box-shadow:inset 0 0 0 1px #3a3a3a,0 28px 80px -56px #000; }
.profile-photo { width:96px; height:96px; object-fit:cover; object-position:56% 32%; border-radius:20px; outline:1px solid oklch(1 0 0 / .1); outline-offset:-1px; }
.profile-status { display:flex; align-items:center; gap:7px; color:var(--dim); font-size:.62rem; font-weight:700; letter-spacing:.11em; line-height:1.35; text-transform:uppercase; text-wrap:balance; }
.profile-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.profile-copy h1 { margin:7px 0 0; font-family:'Instrument Sans',sans-serif; font-size:clamp(1.75rem,4vw,2.5rem); line-height:1; letter-spacing:-.045em; }
.social-links { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); gap:9px; margin-top:20px; }
.social-links a { min-height:56px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:16px; background:#080808; color:var(--dim); box-shadow:inset 0 0 0 1px var(--line); transition-property:color,background-color,transform,box-shadow; transition-duration:.18s; }
.social-links a:hover { color:var(--text); background:var(--surface-2); box-shadow:inset 0 0 0 1px #3b3b3b; }
.social-links a:active { transform:scale(.96); }
.social-links svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.social-links span { font-size:.7rem; font-weight:600; }
.links-discovery { padding:clamp(48px,7vw,78px) 0 48px; }
.links-kicker { display:flex; align-items:center; gap:10px; color:var(--dim); font-size:.68rem; font-weight:600; letter-spacing:.13em; }
.discovery-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:14px 0 24px; }
.discovery-heading h2 { margin:0; font-family:'Instrument Sans',sans-serif; font-size:clamp(2.2rem,6vw,4.5rem); line-height:.98; letter-spacing:-.055em; }
.discovery-heading p { max-width:270px; margin:0 0 5px; color:var(--muted); font-size:.86rem; }
.links-search { min-height:72px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:18px; padding:0 24px; background:var(--surface); border-radius:22px; box-shadow:inset 0 0 0 1px var(--line),0 24px 64px -40px #000; transition-property:box-shadow,background-color; transition-duration:.22s; }
.links-search:focus-within { background:var(--surface-2); box-shadow:inset 0 0 0 1px #727272,0 28px 78px -42px #000; }
.links-search svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.7; color:var(--muted); }
.links-search input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:var(--text); font-size:clamp(1rem,2vw,1.2rem); }
.links-search input::placeholder { color:#696969; }
.links-search kbd { padding:6px 9px; border-radius:8px; background:#1c1c1c; color:var(--muted); font-size:.7rem; box-shadow:inset 0 0 0 1px #303030; }
.links-search-meta { min-height:44px; padding:14px 4px 0; display:flex; justify-content:space-between; color:var(--muted); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
.links-search-meta button { min-height:40px; margin-top:-12px; border:0; background:transparent; color:var(--text); cursor:pointer; }
.links-trust { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:15px; color:var(--muted); font-size:.67rem; letter-spacing:.04em; }
.links-trust span:first-child { color:var(--dim); }
.recommendations { border-top:1px solid var(--line); padding-top:38px; }
.recommendations-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.recommendations-head span { color:var(--dim); font-size:.64rem; font-weight:700; letter-spacing:.12em; }
.recommendations-head h2 { margin:7px 0 0; font-family:'Instrument Sans',sans-serif; font-size:clamp(1.8rem,4vw,2.7rem); letter-spacing:-.045em; }
.recommendations-head small { color:var(--muted); }
.links-results { display:grid; gap:14px; }
.link-card { display:grid; grid-template-columns:164px minmax(0,1fr) 172px; align-items:stretch; min-height:164px; background:var(--surface); border-radius:28px; padding:10px; box-shadow:inset 0 0 0 1px var(--line); transition-property:transform,box-shadow,background-color; transition-duration:.22s; }
.link-card:hover { transform:translateY(-3px); background:#0e0e0e; box-shadow:inset 0 0 0 1px #3a3a3a,0 28px 70px -48px #000; }
.link-card[hidden] { display:none; }
.link-card-media { position:relative; min-height:144px; overflow:hidden; border-radius:20px; display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#1d1d1d,#090909); }
.link-card-media img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; outline:1px solid oklch(1 0 0 / .1); outline-offset:-1px; }
.link-card-media > span { font-family:'Instrument Sans',sans-serif; font-size:4rem; font-weight:700; color:#4a4a4a; }
.link-card-media b { position:absolute; top:10px; left:10px; padding:6px 9px; border-radius:8px; background:#000d; color:var(--text); font-size:.56rem; letter-spacing:.1em; backdrop-filter:blur(8px); }
.link-card-copy { align-self:center; padding:16px 24px; min-width:0; }
.link-card-meta { display:flex; gap:10px; color:var(--dim); font-size:.61rem; font-weight:700; letter-spacing:.1em; }
.link-card-meta small { color:var(--muted); }
.link-card h2 { margin:8px 0 5px; font-size:clamp(1.2rem,2.4vw,1.7rem); line-height:1.05; letter-spacing:-.03em; }
.link-card p { margin:0; max-width:520px; color:var(--dim); font-size:.86rem; line-height:1.4; }
.link-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.link-tags span { padding:4px 8px; border-radius:100px; color:var(--muted); background:#171717; font-size:.6rem; }
.link-card-action { position:relative; min-width:0; border-radius:20px; padding:18px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; background:var(--text); color:#000; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; transition-property:transform,background-color; transition-duration:.18s; }
.link-card-action:hover { background:var(--green); }
.link-card-action:active { transform:scale(.96); }
.link-card-action small { max-width:110px; color:#555; font-size:.57rem; font-weight:500; line-height:1.3; letter-spacing:0; text-transform:none; }
.link-card-action b { position:absolute; top:16px; right:18px; font-size:1.35rem; }
.links-empty { padding:64px 28px; text-align:center; border-radius:28px; background:linear-gradient(145deg,#101010,var(--surface)); box-shadow:inset 0 0 0 1px var(--line); }
.links-empty span { color:var(--dim); font-size:.66rem; font-weight:700; letter-spacing:.13em; }
.links-empty h2 { max-width:650px; margin:12px auto 8px; font-size:clamp(1.55rem,4vw,2.4rem); line-height:1.08; }
.links-empty p { max-width:540px; color:var(--muted); margin:0 auto; }
.links-footer { padding:28px var(--pad); border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:24px; color:var(--muted); font-size:.61rem; letter-spacing:.07em; }
@media(max-width:720px){
  .links-nav { min-height:62px; }.links-nav-actions { gap:12px; }.links-nav-actions a:first-child { display:none; }.links-shell { padding-top:24px; padding-bottom:60px; }
  .profile-card { grid-template-columns:72px minmax(0,1fr); gap:15px; padding:17px; border-radius:22px; }.profile-photo { width:72px; height:72px; border-radius:16px; }.profile-status { font-size:.54rem; letter-spacing:.08em; }.profile-copy h1 { font-size:1.55rem; }
  .social-links { gap:7px; margin-top:16px; }.social-links a { min-height:50px; border-radius:14px; }.social-links svg { width:19px; height:19px; }.social-links span { display:none; }
  .links-discovery { padding:42px 0 36px; }.links-kicker { font-size:.58rem; letter-spacing:.09em; }.discovery-heading { display:block; margin:12px 0 20px; }.discovery-heading h2 { font-size:2.45rem; }.discovery-heading p { margin-top:8px; }
  .links-search { min-height:62px; border-radius:18px; padding:0 18px; }.links-search kbd { display:none; }.links-trust { gap:7px 14px; }
  .recommendations { padding-top:30px; }.recommendations-head { display:block; }.recommendations-head small { display:block; margin-top:6px; }
  .link-card { grid-template-columns:92px minmax(0,1fr); border-radius:22px; }.link-card-media { min-height:104px; border-radius:14px; }.link-card-media > span { font-size:2.6rem; }.link-card-copy { padding:12px 14px; }.link-card-meta { display:block; }.link-card-meta small { display:none; }.link-card p,.link-tags { display:none; }.link-card-action { grid-column:1/-1; min-height:54px; margin-top:8px; border-radius:14px; padding:12px 17px; flex-direction:row; align-items:center; justify-content:space-between; }.link-card-action small { margin-left:auto; max-width:none; }.link-card-action b { position:static; }
  .links-empty { padding:48px 22px; border-radius:22px; }.links-footer { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}