.desktop-link-page { min-height: 100svh; background: radial-gradient(ellipse at 50% 0, #35501c1a, transparent 65%), var(--bg); }
.desktop-link-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; max-width: 1120px; margin: auto; padding: 28px 32px; border-bottom: 1px solid var(--border); }
.desktop-link-header > a:last-child { font-size: 12px; color: var(--muted); }
.desktop-link-main { max-width: 650px; padding: 54px 24px 36px; }
.desktop-link-main > .muted { margin-bottom: 28px; }
.desktop-link-card { padding: 30px; }
.desktop-link-identity { padding-bottom: 18px; margin: 0 0 20px; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 12px; }
.desktop-link-identity strong { color: var(--text); }
.desktop-link-identity span { display: block; overflow-wrap: anywhere; }
.desktop-link-page #user-code { font: 22px/1.5 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.desktop-link-code { display: inline-block; margin: 5px 0 18px; padding: 10px 16px; border: 1px solid #49603b; border-radius: 6px; color: var(--accent); font: 25px/1.4 var(--mono); letter-spacing: .14em; }
.desktop-link-details { margin: 0 0 18px; font-size: 13px; }
.desktop-link-details > div { display: grid; grid-template-columns: 120px 1fr; gap: 15px; padding: 9px 0; border-bottom: 1px solid var(--border); }
.desktop-link-details dt { color: var(--muted); }
.desktop-link-details dd { margin: 0; overflow-wrap: anywhere; }
.desktop-link-card .notice { font-size: 12px; }
.desktop-link-card [aria-busy=true] { cursor: progress; }
.desktop-link-footer { text-align: center; }
.desktop-link-page [hidden] { display: none !important; }
@media (max-width: 500px) {
  .desktop-link-header { padding: 22px 18px; gap: 15px; }
  .desktop-link-header > a:last-child { font-size: 10px; }
  .desktop-link-main { padding: 34px 18px; }
  .desktop-link-main h1 { font-size: 33px; }
  .desktop-link-card { padding: 22px 18px; }
  .desktop-link-details > div { grid-template-columns: 100px 1fr; gap: 10px; }
  .desktop-link-card .actions { align-items: stretch; flex-direction: column; }
}