.public-result-page { margin: 0; background: #102f30; color: #f5ecd8; overflow: auto; min-height: 100vh; }
.public-result { width: min(640px, calc(100% - 40px)); margin: 40px auto; text-align: center; overflow-wrap: anywhere; }
.public-result h1 { font-family: 'Bricolage', sans-serif; font-size: clamp(30px, 6vw, 52px); }
.public-result h2 { color: #e98872; font-size: clamp(36px, 8vw, 64px); margin: 20px 0; }
.public-result p { line-height: 1.6; }
.public-result .dialog-small { color: #cbd5ce; }
.public-result .secondary-button { color: #f5ecd8; border-color: #91aaa0; }
.public-result .primary-button, .public-result .secondary-button { display: flex; align-items: center; justify-content: center; text-decoration: none; margin: 12px 0; min-height: 48px; }
.public-card { width: 100%; height: auto; border-radius: 16px; }
.result-avatar { display: block; margin: 20px auto; }
.share-controls { margin-top: 18px; }
.share-controls input { width: 100%; min-height: 48px; box-sizing: border-box; }
.share-controls [hidden] { display: none !important; }
.share-controls a { text-decoration: none; }
.share-controls button, .share-controls a { min-height: 48px; }
