.modal.moment-share{position:fixed;inset:0;animation:none;transform:none;left:0;top:0;width:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;z-index:80;background:var(--black,#090a0a);color:var(--white,#fffef7);display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) 0 0;height:100dvh;box-sizing:border-box}
.moment-share-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding:8px 16px;flex:none}
.moment-share-header h2{font-size:18px;line-height:1.3;text-align:center;margin:0;font-weight:650}
.moment-share-header .icon-button{width:48px;height:48px;border:0;background:transparent}
.moment-share-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 20px 12px;scrollbar-width:thin}
.moment-share-preview{width:min(100%,440px);margin:0 auto;aspect-ratio:4/5;border:1px solid #303330;border-radius:18px;background:#090a0a;overflow:hidden}
.moment-share-preview img{display:block;width:100%;height:100%;object-fit:contain}
.moment-share-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:24px;text-align:center;color:var(--muted,#a7aaa4);font-size:16px;box-sizing:border-box}
.moment-share-spinner{width:28px;height:28px;border-radius:50%;border:2px solid #303330;border-top-color:#d8ff3e;animation:moment-spin 1s linear infinite}
.moment-share-options{display:flex;gap:8px;max-width:440px;margin:16px auto 0}
.moment-share-options label{display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;background:#111313;border:1px solid #303330;border-radius:12px;padding:8px 10px 0}
.moment-share-options label>span{font-size:12px;line-height:16px;color:#a7aaa4}
.moment-share-options select{appearance:auto;min-width:0;width:100%;height:44px;font:inherit;font-size:14px;color:#fffef7;background:#111313;border:0;cursor:pointer;padding:0 2px}
.moment-share-options select:focus-visible{outline:2px solid #d8ff3e;outline-offset:2px;border-radius:4px}
.moment-share-feedback{max-width:440px;margin:12px auto 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:#a7aaa4}
.moment-share-feedback.invite-error{color:#ff8f78}
.moment-share-retry{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:16px auto 0}
.moment-share-retry button{min-height:48px}
.moment-share-footer{flex:none;display:flex;flex-direction:column;gap:4px;padding:8px 20px max(12px,env(safe-area-inset-bottom));background:#090a0a}
.moment-share-footer>button{width:100%;max-width:440px;margin:auto;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px}
.moment-share-footer .button-acid{border-radius:999px;background:#d8ff3e;color:#090a0a;font-weight:650;box-shadow:none}
.moment-share-save{color:#fffef7;background:transparent;border:0;font:inherit;cursor:pointer}
.moment-share-save svg{height:20px;width:20px}
.moment-share button:disabled,.moment-share select:disabled{opacity:.45;cursor:default}
.moment-share button:focus-visible{outline:2px solid #d8ff3e;outline-offset:3px}
@keyframes moment-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.moment-share-spinner{animation:none}}
@media(min-width:768px){.modal.moment-share{inset:24px auto 24px 50%;transform:translateX(-50%);height:calc(100dvh - 48px);width:520px;border:1px solid #303330;border-radius:28px;box-shadow:0 0 0 100vmax #000b}.moment-share-preview{max-width:360px}.moment-share-options,.moment-share-feedback{max-width:400px}}
@media(max-height:550px) and (orientation:landscape){.moment-share-body{padding-top:0}.moment-share-preview{max-width:220px}.moment-share-header{padding-top:0;padding-bottom:0}.moment-share-footer{padding-top:4px}.moment-share-footer>button{min-height:48px}}