.oattn-share-open { overflow: hidden; }
.oattn-share-mask[hidden], .oattn-share-toast[hidden] { display: none; }
.oattn-share-mask { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; background: rgba(8,14,10,.78); color: #eef2ed; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
.oattn-share-sheet { position: relative; width: min(100%,440px); box-sizing: border-box; padding: 38px 30px 28px; border: 1px solid #38473c; border-radius: 24px; background: #19211c; box-shadow: 0 24px 90px #0005; }
.oattn-share-eyebrow { margin: 0 0 12px; color: #a8b8ad; font-size: 12px; letter-spacing: .12em; }
.oattn-share-sheet h2 { font: 500 28px/1.4 "Songti SC", "Noto Serif SC", Georgia, serif; margin: 0 0 16px; }
#oattnShareMessage, .oattn-share-foot { color: #adb9b0; font-size: 13px; line-height: 1.7; }
.oattn-share-close { position: absolute; top: 10px; right: 14px; width: 40px; height: 40px; color: #c7d2ca; background: none; border: 0; font-size: 28px; cursor: pointer; }
#oattnShareText { width: 100%; box-sizing: border-box; resize: none; border: 1px solid #425447; border-radius: 12px; padding: 16px; background: #111713; color: #e4ece5; font: 14px/1.8 -apple-system, "PingFang SC", sans-serif; }
.oattn-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 20px; }
.oattn-share-actions button { border: 0; border-radius: 24px; background: #86aa91; color: #111713; padding: 13px 18px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.oattn-share-actions a { color: #b6cebd; font-size: 13px; text-decoration: none; padding: 10px 0; }
.oattn-share-foot { margin: 20px 0 0; font-size: 12px; }
.oattn-share-mask :focus-visible { outline: 2px solid #cdaa70; outline-offset: 4px; }
.oattn-share-toast { position: fixed; left: 50%; bottom: 120px; transform: translateX(-50%); z-index: 1100; max-width: calc(100% - 40px); width: max-content; padding: 14px 22px; border-radius: 16px; background: #25352a; color: #edf3ee; font-size: 14px; box-shadow: 0 8px 30px #0004; }
@media (max-width: 480px) { .oattn-share-mask { padding: 16px; } .oattn-share-sheet { padding: 36px 22px 24px; } }