.mobile-link-page { margin:0; background:#f5f5f7; color:#202124; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
.mobile-link-shell { max-width:680px; margin:auto; padding:28px 20px max(24px,env(safe-area-inset-bottom)); }
.mobile-link-shell header { display:flex; align-items:center; gap:14px; margin-bottom:32px; }
.mobile-link-shell h1 { font-size:24px; letter-spacing:-.8px; line-height:1.3; margin:0 0 4px; }
.mobile-link-shell p { margin:8px 0; }
.mobile-link-shell header p,.mobile-link-note,.mobile-link-shell footer p { color:#65676c; font-size:13px; }
.mobile-link-shell button,.mobile-link-dialog button,.mobile-link-settings button { font:inherit; cursor:pointer; border:0; border-radius:10px; padding:10px 16px; background:#e9e9ec; color:inherit; }
.mobile-link-shell button:disabled { opacity:.5; cursor:wait; }
.mobile-link-shell button:focus-visible,.mobile-link-dialog button:focus-visible,.mobile-link-shell textarea:focus-visible { outline:3px solid #5071e4; outline-offset:3px; }
#mobile-link-send,.mobile-link-approve { background:#3157d5!important; color:#fff!important; }
#mobile-link-code { display:block; font-size:36px; letter-spacing:8px; margin:20px 0; }
#mobile-link-code[hidden] { display:none; }
.mobile-link-context { display:flex; gap:16px; justify-content:space-between; font-size:13px; color:#65676c; margin:24px 0 12px; }
#mobile-link-messages { display:flex; flex-direction:column; gap:16px; }
.mobile-link-message { background:white; border-radius:16px; padding:16px; overflow-wrap:anywhere; white-space:pre-wrap; }
.mobile-link-message[data-role="user"] { background:#e9edf9; margin-left:24px; }
.mobile-link-message strong { display:block; font-size:12px; color:#65676c; margin-bottom:8px; }
#mobile-link-compose { margin:24px 0; }
#mobile-link-compose label { display:block; font-weight:600; margin-bottom:8px; }
#mobile-link-compose textarea { display:block; box-sizing:border-box; width:100%; resize:vertical; min-height:90px; border:1px solid #d6d7db; border-radius:12px; padding:12px; font:inherit; font-size:16px; background:white; color:inherit; }
#mobile-link-compose>div { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:10px; }
.mobile-link-shell footer { margin-top:32px; }
.mobile-link-dialog { width:min(410px,calc(100vw - 48px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; border:0; border-radius:20px; padding:28px; background:var(--panel,#fff); color:var(--ink,#202124); box-shadow:0 18px 80px #0003; }
.mobile-link-dialog::backdrop { background:#0006; backdrop-filter:blur(4px); }
.mobile-link-dialog h2 { margin:0 0 12px; font-size:22px; }
.mobile-link-dialog p { font-size:14px; line-height:1.6; }
.mobile-link-dialog>p { margin:0 0 12px; }
.mobile-link-dialog>button { max-width:100%; margin-top:4px; }
.mobile-link-dialog #mobile-link-dialog-content { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:16px; }
.mobile-link-dialog #mobile-link-dialog-content p { margin:0; }
.mobile-link-dialog #mobile-link-dialog-content code { overflow-wrap:anywhere; }
.mobile-link-dialog img { display:block; max-width:100%; width:280px; height:auto; margin:16px auto; border-radius:12px; }
.mobile-link-dialog .mobile-link-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.mobile-link-dialog code { font-size:26px; letter-spacing:5px; }
[data-theme="dark"] .mobile-link-dialog button:not(.mobile-link-approve) { background:#32343b; color:#e8e8eb; }
.mobile-link-settings { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 24px; min-width:0; padding:20px 0; }
.mobile-link-settings-copy { min-width:0; }
.mobile-link-settings h3 { margin:0 0 8px; }
.mobile-link-settings p { margin:0; font-size:13px; line-height:1.55; color:var(--muted,#65676c); }
.mobile-link-settings>button { max-width:100%; white-space:nowrap; }
@media(max-width:700px) { .mobile-link-settings { grid-template-columns:minmax(0,1fr); } .mobile-link-settings>button { justify-self:start; } }
@media(prefers-color-scheme:dark) {
  .mobile-link-page { background:#17181b; color:#e8e8eb; }
  .mobile-link-message { background:#24262b; }
  .mobile-link-message[data-role="user"] { background:#252f4c; }
  #mobile-link-compose textarea { background:#24262b; border-color:#44464d; }
  .mobile-link-shell button { background:#32343b; }
  .mobile-link-page .mobile-link-dialog button:not(.mobile-link-approve) { background:#32343b; color:#e8e8eb; }
  .mobile-link-shell header p,.mobile-link-note,.mobile-link-shell footer p,.mobile-link-context,.mobile-link-message strong { color:#a7a9b1; }
}