.story-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px}
.story-actions>a{font-size:12px;font-weight:600;text-underline-offset:3px}
.story-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.story-share-button svg,.share-device svg{height:18px;width:18px;flex-shrink:0}
.story-share-button:hover{background:#eef3f0}
.story-featured .story-share-button{border-color:#ffffff40}
.story-featured .story-share-button:hover{background:#ffffff14}
.story-share-button:focus-visible,.story-actions>a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.story-share-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink,#123c3b);box-shadow:0 24px 100px #05252244}
.story-share-dialog::backdrop{background:#051f1c99;backdrop-filter:blur(3px)}
.share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.share-heading .eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.14em}
.share-heading h2{margin:0;font-size:30px;line-height:1.1}
.share-close{border:1px solid var(--line);border-radius:50%;width:44px;min-width:44px;height:44px;padding:0;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.story-share-dialog>p{font-size:13px;line-height:1.65;color:var(--muted)}
.share-story-preview{border-inline-start:3px solid var(--green);border-radius:0 9px 9px 0;padding:16px 18px;margin:20px 0;background:#f1f5f2}
.share-story-preview h3{margin:6px 0 10px;font-size:19px;line-height:1.25}
.share-story-preview strong{display:block;font-size:18px;line-height:1.4;color:var(--green)}
.share-story-preview p{font-size:12px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere}
.share-story-preview p:first-child{font-weight:600}
.share-story-preview small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.share-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.share-destination,.share-device{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:white;color:inherit;min-height:58px;padding:11px 14px;font:inherit;font-size:14px;text-align:start;cursor:pointer}
.share-destination:hover,.share-device:hover,.share-close:hover{background:#eef3f0;border-color:var(--green)}
.share-network-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;font-size:20px;font-weight:700;font-family:Arial,sans-serif}
.share-icon-x{background:#151c1b;color:white;font-size:18px}.share-icon-whatsapp{background:#dcf6e9;color:#137746;font-size:16px}.share-icon-telegram{background:#e4f3fc;color:#1676ad}.share-icon-facebook{background:#e8effe;color:#2463c6;font-size:24px}
.share-destination>span:last-child{display:flex;flex-direction:column;gap:2px}
.share-destination small{font-size:10px;color:var(--muted)}
.share-device{grid-column:1/-1;justify-content:center;min-height:48px;font-size:12px;font-weight:600}
.share-device:disabled{opacity:.6;cursor:wait}
.share-link{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.share-link label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}
.share-link>div{display:flex;gap:8px;align-items:center}
.share-link input{flex:1;min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;background:#f7f8f6;padding:10px;font-size:12px;color:var(--muted);height:44px;box-sizing:border-box}
.share-link button{min-height:44px;flex-shrink:0;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:white;color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.story-share-dialog .share-status{min-height:20px;margin:10px 0 0;font-size:12px}
.story-share-dialog button:focus-visible,.story-share-dialog input:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.shared-story .daily-story-grid{grid-template-columns:minmax(0,740px);justify-content:center}
[dir=rtl] .share-story-preview{border-radius:9px 0 0 9px}
@media(max-width:450px){.story-share-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}.share-heading h2{font-size:27px}.share-destination{padding:10px;font-size:13px}.share-link>div{flex-wrap:wrap}.share-link input{flex-basis:100%}.share-link button{width:100%}.story-actions{justify-content:flex-start}.story-bottom>bdi{max-width:100%}}
.story-share-visual{width:min(1000px,calc(100vw - 28px));padding:26px;max-height:calc(100dvh - 32px)}
.share-visual-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:20px}
.share-art{min-width:0;position:sticky;top:0}.share-art>img{display:block;width:100%;height:auto;max-height:53dvh;object-fit:contain;object-position:top;background:#123c3b;border-radius:10px}
.share-formats{display:flex;gap:6px;background:#edf1eb;padding:4px;border-radius:7px;margin-top:12px}.share-formats button{min-height:40px;flex:1;border:0;border-radius:5px;background:transparent;font:inherit;font-size:12px;color:inherit;cursor:pointer}.share-formats [aria-pressed=true]{background:var(--green);color:white;font-weight:600}
.share-image-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;font-size:12px;font-weight:600}.share-image-actions a{padding:10px;text-underline-offset:4px}.share-image-actions button{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:12px;cursor:pointer}
.share-editor{min-width:0}.share-editor>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.share-editor textarea{box-sizing:border-box;width:100%;min-height:155px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fafbf7;color:inherit;font:inherit;font-size:13px;line-height:1.65;resize:vertical}.share-editor textarea:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.share-draft-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:7px 0 20px;font-size:10px;color:var(--muted)}.share-draft-meta small{font-size:10px;line-height:1.5}.share-draft-meta>span{white-space:nowrap;font-variant-numeric:tabular-nums}.share-destination:disabled{opacity:.45;cursor:not-allowed}.share-attachment-note{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0}.share-editor .share-link{margin-top:15px;padding-top:15px}
@media(max-width:720px){.share-visual-layout{grid-template-columns:1fr;gap:24px}.share-art{position:static}.share-art>img{max-height:44dvh}.story-share-visual{padding:22px 18px}.share-formats{max-width:430px;margin-inline:auto}.share-editor textarea{min-height:140px}.share-link>div{flex-wrap:nowrap}.share-link input{flex-basis:auto}.share-link button{width:auto}}
