.links-body { min-height: 100svh; background: radial-gradient(ellipse at 50% 0, var(--accent-soft), transparent 65%), var(--bg); }
.links-shell { width: min(100%, 580px); margin: auto; padding: 24px 22px 36px; }
.links-toolbar { display: flex; justify-content: flex-end; align-items: center; gap: 12px; font-size: 13px; color: var(--text-dim); }
.links-profile { text-align: center; padding: 40px 0 30px; }
.links-profile img { border-radius: 50%; object-fit: cover; object-position: center 22%; border: 3px solid var(--border); padding: 4px; margin-bottom: 22px; }
.links-eyebrow { color: var(--accent-2); font-size: 10px; letter-spacing: .16em; font-weight: 700; }
.links-profile h1 { font-size: clamp(32px, 8vw, 42px); letter-spacing: -.05em; margin: 8px 0; }
.links-profile p:not(.links-eyebrow) { color: var(--text-dim); font-size: 14px; }
.links-profile .links-subtitle { margin-top: 5px; }
.links-list { display: grid; gap: 12px; }
.link-card { display: flex; align-items: center; gap: 16px; padding: 18px; border: 1px solid var(--border); background: var(--surface); border-radius: 16px; transition: transform .2s, border-color .2s; }
.link-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.link-card__icon { flex: 0 0 42px; height: 42px; display: grid; place-items: center; background: var(--accent-soft); border-radius: 12px; color: var(--accent-2); font-weight: 700; }
.link-card__text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.link-card strong { display: block; font-size: 15px; }
.link-card small { display: block; color: var(--text-dim); font-size: 12px; margin-top: 3px; }
.link-card__arrow { color: var(--text-dim); }
.links-back { display: flex; justify-content: center; margin-top: 28px; }
.links-footer { display: flex; justify-content: center; gap: 12px; color: var(--text-dim); font-size: 12px; padding-top: 36px; }
#linksStatus { text-align: center; color: var(--text-dim); }
.links-body a:focus-visible, .links-body button:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 5px; }
.links-admin { margin-top: 32px; }
.links-admin .admin-row { flex-wrap: wrap; }
.links-admin .admin-row__info { min-width: 160px; overflow-wrap: anywhere; }
.links-admin .admin-row__actions { flex-wrap: wrap; }
@media (prefers-reduced-motion: reduce) { .links-body, .link-card { transition: none; } .link-card:hover { transform: none; } }