.result-share-layer { position: fixed; z-index: 30; left: 1rem; top: 1rem; width: min(31rem, calc(100vw - 2rem)); pointer-events: none; }
.result-share { pointer-events: auto; display: grid; gap: .65rem; padding: 1rem; border: 1px solid var(--line, #cbd5e1); border-radius: 1rem; background: var(--surface, #fff); box-shadow: 0 .75rem 2rem rgb(15 23 42 / .16); }
.result-share__warning, .result-share__help, .result-share__payload-note { margin: 0; color: #475569; font-size: .82rem; }
.result-share__title-label, .result-share__days-label { display: grid; gap: .25rem; font-size: .78rem; font-weight: 700; }
.result-share input[type="text"], .result-share input[type="number"] { width: 100%; min-height: 2.25rem; padding: .45rem .55rem; font: inherit; border: 1px solid var(--line, #cbd5e1); border-radius: .55rem; }
.result-share__checks { display: grid; gap: .45rem; margin: 0; padding: .65rem .75rem; border: 1px solid var(--line, #cbd5e1); border-radius: .65rem; }
.result-share__checks legend { padding: 0 .25rem; font-size: .78rem; font-weight: 700; }
.result-share__checks label { display: flex; align-items: center; gap: .45rem; font-size: .82rem; }
.result-share__state { margin: 0; color: #1e3a8a; font-weight: 700; }
.result-share__remaining { margin: 0; color: #334155; font-variant-numeric: tabular-nums; }
.result-share__payload { display: block; overflow-wrap: anywhere; padding: .45rem; border-radius: .45rem; background: #f8fafc; color: #334155; font-size: .72rem; }
.result-share__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.result-share button { min-height: 2.25rem; padding: .45rem .75rem; border: 1px solid var(--line, #cbd5e1); border-radius: .6rem; background: transparent; cursor: pointer; }
.result-share button.is-primary { color: #fff; background: #1d4ed8; border-color: #1d4ed8; }
.result-share button:disabled { opacity: .5; cursor: not-allowed; }
.result-share__error { margin: 0; color: #b91c1c; }
@media (max-width: 430px) { .result-share-layer { left: .5rem; top: .5rem; width: calc(100vw - 1rem); } }
@media (forced-colors: active) { .result-share { border: 2px solid CanvasText; box-shadow: none; } .result-share button.is-primary { background: Highlight; color: HighlightText; } .result-share__checks { border: 2px solid CanvasText; } }
@media print { .result-share-layer, .result-share-launcher { display: none !important; } }