#waves-share-sheet {
  --ws-ink: #e7f1ed;
  --ws-muted: #91aaa9;
  --ws-mint: #8ce0c5;
  --ws-lime: #d5f06e;
  --ws-line: rgba(167, 207, 193, .16);
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 14px max(14px, env(safe-area-inset-bottom, 0px));
  color: var(--ws-ink);
  font-family: Rajdhani, sans-serif;
  background: rgba(2, 8, 12, .76);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  animation: ws-backdrop-in .18s ease-out both;
}
#waves-share-sheet *, #waves-share-sheet *::before, #waves-share-sheet *::after { box-sizing: border-box; }
#waves-share-sheet [hidden] { display: none !important; }
#waves-share-sheet .ws-panel {
  width: min(100%, 560px);
  max-height: min(92dvh, 900px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(140, 224, 197, .24);
  border-radius: 20px;
  background: linear-gradient(155deg, #15262c, #0a151b 76%);
  box-shadow: 0 24px 85px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255,255,255,.035);
  animation: ws-panel-in .24s cubic-bezier(.2,.8,.2,1) both;
}
#waves-share-sheet .ws-header { display:flex; align-items:center; gap:12px; padding:16px 17px 13px; border-bottom:1px solid var(--ws-line); }
#waves-share-sheet .ws-panel:focus { outline:none; }
#waves-share-sheet .ws-mark { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border:1px solid rgba(140,224,197,.3); border-radius:11px; color:var(--ws-mint); background:linear-gradient(145deg,rgba(140,224,197,.15),rgba(140,224,197,.02)); }
#waves-share-sheet .ws-mark svg { width:22px; height:22px; }
#waves-share-sheet .ws-head-copy { min-width:0; flex:1; }
#waves-share-sheet .ws-kicker { color:var(--ws-mint); font:700 8px/1.5 Orbitron,sans-serif; letter-spacing:.15em; }
#waves-share-sheet .ws-title { margin:2px 0 0; font:800 17px/1.2 Orbitron,sans-serif; letter-spacing:.02em; }
#waves-share-sheet .ws-close { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; padding:0; border:1px solid var(--ws-line); border-radius:10px; color:var(--ws-muted); background:rgba(255,255,255,.035); cursor:pointer; font:400 23px/1 Rajdhani,sans-serif; }
#waves-share-sheet .ws-close:hover { color:var(--ws-ink); border-color:rgba(140,224,197,.45); }
#waves-share-sheet .ws-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:14px 17px 17px; }
#waves-share-sheet .ws-preview-wrap { position:relative; overflow:hidden; width:min(100%, 400px); margin:0 auto 12px; border:1px solid rgba(140,224,197,.21); border-radius:12px; background:#08131b; box-shadow:0 10px 30px rgba(0,0,0,.25); }
#waves-share-sheet .ws-preview-wrap::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(140,224,197,.08),transparent 32%,transparent 68%,rgba(213,240,110,.04)); }
#waves-share-sheet .ws-preview { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
#waves-share-sheet .ws-loading { display:flex; align-items:center; justify-content:center; gap:10px; min-height:190px; color:var(--ws-muted); font:700 9px Orbitron,sans-serif; letter-spacing:.1em; }
#waves-share-sheet .ws-skeleton { width:18px; height:18px; border:2px solid rgba(140,224,197,.22); border-top-color:var(--ws-mint); border-radius:50%; animation:ws-spin .8s linear infinite; }
#waves-share-sheet .ws-guidance { margin:0 0 14px; padding:10px 12px; border-left:2px solid var(--ws-lime); color:#bdcbc4; background:rgba(213,240,110,.055); font-size:14px; line-height:1.4; }
#waves-share-sheet .ws-guidance strong { color:var(--ws-lime); font-weight:700; }
#waves-share-sheet .ws-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#waves-share-sheet .ws-share-main { width:100%; }
#waves-share-sheet .ws-more { margin-top:10px; border:1px solid var(--ws-line); border-radius:10px; background:rgba(255,255,255,.02); }
#waves-share-sheet .ws-more:not([open]) > :not(summary) { display:none !important; }
#waves-share-sheet .ws-more summary { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:45px; padding:12px; color:var(--ws-muted); font:700 9px/1.4 Orbitron,sans-serif; cursor:pointer; list-style:none; }
#waves-share-sheet .ws-more summary::-webkit-details-marker { display:none; }
#waves-share-sheet .ws-more summary span { font-size:16px; transition:transform .16s ease; }
#waves-share-sheet .ws-more[open] summary span { transform:rotate(180deg); }
#waves-share-sheet .ws-more .ws-actions { padding:0 10px 10px; }
#waves-share-sheet .ws-copy-hint { margin:0 12px 12px; color:var(--ws-muted); font-size:13px; line-height:1.4; }
#waves-share-sheet .ws-more .ws-fallback { width:calc(100% - 20px); margin:0 10px 10px; }
#waves-share-sheet .ws-action { min-height:45px; display:flex; align-items:center; justify-content:center; gap:8px; padding:9px 10px; border:1px solid var(--ws-line); border-radius:9px; color:var(--ws-ink); background:rgba(255,255,255,.035); cursor:pointer; font:700 8px/1.3 Orbitron,sans-serif; letter-spacing:.035em; text-align:center; transition:transform .16s ease, border-color .16s ease, background .16s ease; }
#waves-share-sheet .ws-action:hover:not(:disabled) { transform:translateY(-1px); border-color:rgba(140,224,197,.44); background:rgba(140,224,197,.08); }
#waves-share-sheet .ws-action-primary { grid-column:1/-1; color:#081310; border-color:transparent; background:linear-gradient(110deg,#8ce0c5,#d5f06e); }
#waves-share-sheet .ws-action-primary:hover:not(:disabled) { background:linear-gradient(110deg,#a3efd6,#e0f68e); }
#waves-share-sheet .ws-action:disabled { opacity:.42; cursor:not-allowed; }
#waves-share-sheet .ws-action svg { width:16px; height:16px; flex:0 0 16px; }
#waves-share-sheet .ws-status { min-height:20px; margin:9px 0 0; color:var(--ws-muted); font-size:13px; line-height:1.4; }
#waves-share-sheet .ws-status[data-kind="error"] { color:#ffab9e; }
#waves-share-sheet .ws-status[data-kind="success"] { color:var(--ws-mint); }
#waves-share-sheet .ws-retry { display:inline-block; margin:7px 0 0; padding:8px 12px; border:1px solid rgba(255,171,158,.4); border-radius:8px; color:#ffb5aa; background:rgba(255,171,158,.06); cursor:pointer; font:700 8px Orbitron,sans-serif; }
#waves-share-sheet .ws-fallback { width:100%; min-height:68px; margin-top:9px; padding:8px; border:1px solid var(--ws-line); border-radius:8px; color:var(--ws-ink); background:rgba(0,0,0,.25); font:13px/1.4 Rajdhani,sans-serif; resize:vertical; }
#waves-share-sheet button:focus-visible, #waves-share-sheet summary:focus-visible, #waves-share-sheet textarea:focus-visible { outline:2px solid var(--ws-lime); outline-offset:3px; }
#post-x-score-btn { min-height:45px; }
@keyframes ws-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes ws-panel-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes ws-spin { to { transform:rotate(360deg); } }
@media (min-width:600px) { #waves-share-sheet { align-items:center; padding:24px; } #waves-share-sheet .ws-scroll { padding:17px 20px 20px; } }
@media (max-width:380px) { #waves-share-sheet { padding-left:9px; padding-right:9px; } #waves-share-sheet .ws-header { padding:12px; } #waves-share-sheet .ws-scroll { padding:11px 12px 13px; } #waves-share-sheet .ws-title { font-size:15px; } #waves-share-sheet .ws-action { font-size:7px; } }
@media (prefers-reduced-motion:reduce) { #waves-share-sheet, #waves-share-sheet *, #waves-share-sheet *::before, #waves-share-sheet *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }