/* A quiet spectrum chooser beside the heart; links open only on user choice. */
body .graph-sharing .graph-social-links{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 margin:14px 0 16px;min-width:0;
}
body .graph-sharing .graph-social-links>a{
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:10px;
 min-width:0;min-height:48px;padding:11px 14px;overflow:hidden;
 border:1px solid var(--ui-border,#52667c);border-radius:9px;
 color:var(--ui-text,#edf3fa);background:var(--ui-fill,#162435);
 font:500 12px/1.5 var(--font,'Rubik',sans-serif);text-decoration:none;
 transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body .graph-sharing .graph-social-links>a::before{
 content:'';position:absolute;inset:0 15% auto;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,var(--ui-accent,#9cd5ed),transparent);opacity:.5;
}
body .graph-sharing .graph-social-links>a:hover{
 color:#fff;border-color:var(--ui-accent,#9cd5ed);transform:translateY(-1px);
 box-shadow:0 0 22px color-mix(in srgb,var(--ui-a,#775cce) 18%,transparent);
}
body .graph-sharing .graph-social-links>a:focus-visible{
 outline:2px solid var(--ui-focus,#cbeaff);outline-offset:3px;
 border-color:var(--ui-accent,#9cd5ed);
}
body .graph-sharing .graph-social-links>a svg{
 width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;
}
body .graph-sharing .graph-social-symbol{
 display:grid;place-items:center;min-width:18px;height:20px;flex:none;
 color:var(--ui-accent,#9cd5ed);font:600 16px/1 var(--font,'Rubik',sans-serif);
}
@media(max-width:550px){
 body .graph-sharing .graph-social-links{gap:8px;margin-block:12px 14px}
 body .graph-sharing .graph-social-links>a{padding-inline:10px;gap:7px;font-size:11px}
}
/* The action row, status, sound settings and saved-image links can grow.
   Measure only their toolbar, keeping portrait HUD text below the actual height. */
@media(max-width:550px) and (min-height:551px){
 body .is-theater:has([data-network-reaction]) .graph-hud{
  top:calc(76px + var(--graph-sharing-height,120px) + 12px)!important;
 }
}
/* The taller chooser must fit a short landscape viewport even when the four
   toolbar actions form a column. Keep it inside the screen instead of above it. */
@media(max-height:550px) and (min-width:551px){
 body .is-theater .graph-share-panel{
  position:fixed;top:max(12px,env(safe-area-inset-top));bottom:auto;
  left:max(12px,env(safe-area-inset-left));right:auto;
  width:480px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);
 }
}
@media(prefers-reduced-motion:reduce){
 body .graph-sharing .graph-social-links>a{transition:none}
 body .graph-sharing .graph-social-links>a:hover{transform:none}
}
@media(forced-colors:active){
 body .graph-sharing .graph-social-links>a{border-color:ButtonText;background:Canvas;color:LinkText;box-shadow:none}
 body .graph-sharing .graph-social-links>a::before{display:none}
 body .graph-sharing .graph-social-links>a:focus-visible{outline-color:Highlight}
}