body { background: radial-gradient(ellipse at 50% 45%, #304b32, #0e1a16 70%); color: #f5f2e8; min-height: 100dvh; }
.share-header { display:flex; align-items:center; justify-content:space-between; padding:20px clamp(20px,5vw,70px); }
.share-header a { text-decoration:none; }
.share-header button,.shared-card button { border:1px solid #f5f2e83b; background:#f5f2e80d; color:#f5f2e8; border-radius:24px; min-height:44px; padding:10px 18px; }
.shared-showcase { max-width:850px; margin:25px auto 0; padding:0 20px 55px; text-align:center; }
.shared-showcase h1 { font-size:clamp(36px,5vw,60px); max-width:650px; margin:12px auto; }
.share-intro,.share-note,#shared-caption { color:#b5c4b7; font-size:15px; }
.shared-card { display:flex; align-items:center; justify-content:center; gap:clamp(12px,4vw,45px); margin:30px 0 24px; }
.shared-card img { width:min(45vw,280px); height:auto; border-radius:12px; box-shadow:0 22px 55px #0008; }
.shared-card button { font-size:27px; width:46px; padding:0; flex-shrink:0; }
#shared-name { font-size:30px; margin:0; }
#share-status { font-size:14px; min-height:24px; margin:14px 0; }
.share-note { font-size:12px; margin-top:24px; }
@media(max-width:500px){.shared-card img{width:58vw}.share-header button{font-size:12px}.shared-showcase{margin-top:10px}.shared-card{gap:10px}}
.shared-card { touch-action: pan-y pinch-zoom; }
.shared-card img { aspect-ratio: 63 / 88; object-fit: contain; }
@media(max-width:500px) {
 .share-header { padding-top: max(16px, env(safe-area-inset-top)); }
 .shared-showcase { padding-bottom: max(35px, env(safe-area-inset-bottom)); }
 .shared-showcase h1 { font-size: 34px; line-height: 1.08; }
 .share-intro { font-size: 14px; line-height: 1.6; }
 .shared-card { margin: 24px 0 18px; }
 #shared-caption { min-height: 48px; margin-bottom: 0; }
 #share-status:empty { min-height: 0; margin: 0; }
}