.result-sharing {
    --share-gold: #dfca9e;
    --share-ink: #0f0f0f;
    --share-paper: #f4efe5;
    --share-line: rgba(223, 202, 158, .24);
    margin-top: clamp(28px, 5vw, 48px);
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid var(--share-line);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(223, 202, 158, .055), transparent 62%);
}

.result-sharing[hidden] { display: none !important; }

.result-sharing__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
}

.result-sharing__index,
.result-sharing__privacy,
.result-sharing__qr span,
.result-sharing__action {
    font-family: "Fira Mono", monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.result-sharing__index {
    display: block;
    margin-bottom: 8px;
    color: var(--share-gold);
    font-size: 11px;
}

.result-sharing h3 {
    margin: 0;
    color: var(--share-paper);
    font: 500 clamp(29px, 4vw, 42px)/1 "Cormorant Garamond", Georgia, serif;
}

.result-sharing__privacy {
    max-width: 34ch;
    margin: 0;
    color: #a79f91;
    font-size: 10px;
    line-height: 1.65;
}

.result-sharing__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 22px;
    align-items: stretch;
    margin-top: 24px;
}

.result-sharing__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.result-sharing__action {
    min-height: 58px;
    padding: 10px 14px;
    border: 1px solid var(--share-line);
    border-radius: 999px;
    color: var(--share-paper);
    background: transparent;
    font-size: 10px;
    cursor: pointer;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 160ms ease;
}

.result-sharing__action:hover {
    border-color: var(--share-gold);
    color: var(--share-ink);
    background: var(--share-gold);
    transform: translateY(-2px);
}

.result-sharing__action:focus-visible {
    outline: 2px solid var(--share-gold);
    outline-offset: 3px;
}

.result-sharing__action[disabled] { cursor: wait; opacity: .62; }

.result-sharing__status {
    min-height: 1.5em;
    margin: 12px 4px 0;
    color: #a79f91;
    font: 400 12px/1.5 "Fira Sans", sans-serif;
}

.result-sharing__qr {
    display: grid;
    gap: 7px;
    justify-items: center;
    padding: 10px;
    border: 1px solid var(--share-line);
    border-radius: 14px;
    color: var(--share-gold);
    text-decoration: none;
}

.result-sharing__qr img {
    display: block;
    width: 88px;
    height: 88px;
    padding: 4px;
    border-radius: 8px;
    background: #f4efe5;
}

.result-sharing__qr span { font-size: 8px; }

@media (max-width: 680px) {
    .result-sharing__head { grid-template-columns: 1fr; gap: 12px; }
    .result-sharing__body { grid-template-columns: 1fr; }
    .result-sharing__actions { grid-template-columns: 1fr; }
    .result-sharing__qr { grid-template-columns: 76px 1fr; justify-items: start; }
    .result-sharing__qr img { width: 68px; height: 68px; }
}

@media (prefers-reduced-motion: reduce) {
    .result-sharing__action { transition: none; }
    .result-sharing__action:hover { transform: none; }
}