.viewport-note{background:rgb(var(--background));min-height:100svh;color:rgb(var(--foreground));flex-direction:column;display:flex}.viewport-note-masthead{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.viewport-note-masthead .control-caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewport-note-main{flex-direction:column;flex:1;width:min(100%,520px);margin-inline:auto;padding:8px 20px 32px;display:flex}.viewport-note-art{width:100%;margin:0 auto 28px}.viewport-note-art img{width:100%;height:auto;display:block}.viewport-note-headline{font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;text-wrap:balance;font-size:clamp(28px,8vw,38px);font-weight:400;line-height:1.15}.viewport-note-body{color:rgb(var(--muted-foreground));margin-top:14px;font-size:15px;line-height:1.6}.viewport-note-body strong{color:rgb(var(--foreground));overflow-wrap:anywhere;font-weight:600}.viewport-note-address{border-block:1px solid rgb(var(--foreground) / .18);flex-direction:column;gap:14px;margin-top:28px;padding:16px 0;display:flex}.viewport-note-url{font-family:var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:15px}.viewport-note-send{background:rgb(var(--foreground));min-height:46px;color:rgb(var(--background));border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:500;display:inline-flex}.viewport-note-send:active{background:rgb(var(--foreground) / .85)}.viewport-note-actions{gap:10px;display:flex}.viewport-note-actions>*{flex:auto}.viewport-note-copy{border:1px solid rgb(var(--foreground) / .3);min-height:46px;color:rgb(var(--foreground));border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;display:inline-flex}.viewport-note-copy:active{background:rgb(var(--foreground) / .06)}.viewport-note-send:focus-visible,.viewport-note-copy:focus-visible,.viewport-note-signout:focus-visible{outline:2px solid rgb(var(--ring));outline-offset:3px}.viewport-note-small{color:rgb(var(--muted-foreground));margin-top:14px;font-size:13px;line-height:1.55}.viewport-note-foot{text-align:center;flex-direction:column;align-items:center;padding:8px 20px 24px;display:flex}.viewport-note-signout{min-height:44px;color:rgb(var(--muted-foreground));text-underline-offset:4px;padding:0 12px;font-size:13px;text-decoration:underline}@media (min-width:560px){.viewport-note-address{flex-direction:row;justify-content:space-between;align-items:center}}