.profile-links{display:flex;flex-wrap:wrap;gap:12px;padding:0 var(--gutter) 32px}
.profile-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border:1px solid #3a3a3a;border-radius:3px;font-size:16px}
.profile-links a:hover{border-color:var(--orange);color:var(--orange)}
.home-random{padding:28px var(--gutter) 48px;border-top:1px solid var(--line)}
.random-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:800px;margin-bottom:26px}
.random-heading h2{font-size:26px;font-weight:700}
.random-button{padding:9px 20px;border:1px solid var(--orange);color:var(--orange);border-radius:3px;min-height:44px;flex:none}
.random-button:hover{background:var(--orange);color:#0b0b0b}
.random-work{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;max-width:800px}
.random-work .cover{width:200px;aspect-ratio:2/3}
.random-work h3{font-size:28px;line-height:1.6;font-weight:700;margin-bottom:14px}
.random-work:hover h3{color:var(--orange)}
.random-work .work-rating{font-size:22px}
@media(max-width:700px){.profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:26px}.profile-links a{padding:9px 12px;font-size:15px}.home-random{padding-top:24px}.random-heading{gap:12px;margin-bottom:22px}.random-heading h2{font-size:21px}.random-button{padding:8px 14px;font-size:15px}.random-work{grid-template-columns:130px minmax(0,1fr);gap:20px}.random-work .cover{width:130px}.random-work h3{font-size:19px}.random-work .work-rating{font-size:18px}}
@media(max-width:360px){.random-work{grid-template-columns:110px minmax(0,1fr);gap:16px}.random-work .cover{width:110px}.random-heading h2{font-size:19px}}

.links-heading{font-size:26px;font-weight:700;margin:0 var(--gutter) 20px}
@media(max-width:700px){.links-heading{font-size:21px;margin-bottom:18px}}

.profile-links button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border:1px solid #3a3a3a;border-radius:3px;font-size:16px}
.profile-links button:hover{border-color:var(--orange);color:var(--orange)}
.profile-links button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.profile-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#external-confirm{margin:auto;width:min(440px,calc(100% - 40px));padding:28px;color:var(--text);background:#151515;border:1px solid #444;border-radius:6px}
#external-confirm::backdrop{background:#000b}
#external-confirm h2{font-size:22px;line-height:1.5;margin-bottom:14px}
#external-description{color:#bbb;font-size:15px}
#external-host{color:#aaa;font-size:14px;margin:10px 0 24px;overflow-wrap:anywhere}
.external-actions{display:flex;justify-content:flex-end;gap:12px}
.external-actions button,.external-actions a{padding:9px 18px;border:1px solid #555;border-radius:3px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.external-actions a{background:var(--orange);border-color:var(--orange);color:#111;font-weight:700}
@media(max-width:700px){.profile-links button{font-size:14px;padding:10px 8px;gap:8px}}