<svg xmlns="http://www.w3.org/2000/svg" viewBox="14 10 512 188" width="512" height="188" role="img" aria-labelledby="shelfTitle">
<title id="shelfTitle">The Headz shelf: Anya working, Tonya listening, Mia gaming, and Kris and Lev together.</title>
<defs>
<linearGradient id="surface" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#26262E"/><stop offset="1" stop-color="#1B1C21"/></linearGradient>
<linearGradient id="rim" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity=".08"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient>
<linearGradient id="form" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".13"/><stop offset=".55" stop-color="#000" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".10"/></linearGradient>
<filter id="cardShadow" x="-60%" y="-40%" width="220%" height="200%" color-interpolation-filters="sRGB"><feDropShadow dx="0" dy="6" stdDeviation="9" flood-color="#000" flood-opacity=".34"/></filter>
<clipPath id="card0"><rect x="24" y="24" width="92" height="112" rx="24"/></clipPath>
<clipPath id="card1"><rect x="124" y="24" width="92" height="112" rx="24"/></clipPath>
<clipPath id="card2"><rect x="224" y="24" width="92" height="112" rx="24"/></clipPath>
<clipPath id="card3"><rect x="324" y="24" width="192" height="112" rx="24"/></clipPath>
<clipPath id="eyes0"><circle cx="60" cy="71" r="9"/><circle cx="80" cy="71" r="9"/></clipPath>
<clipPath id="eyes1"><circle cx="160" cy="71" r="9"/><circle cx="180" cy="71" r="9"/></clipPath>
<clipPath id="eyes2"><circle cx="260" cy="71" r="9"/><circle cx="280" cy="71" r="9"/></clipPath>
<clipPath id="eyes3"><circle cx="364" cy="71" r="9"/><circle cx="384" cy="71" r="9"/></clipPath>
<clipPath id="eyes4"><circle cx="456" cy="71" r="9"/><circle cx="476" cy="71" r="9"/></clipPath>
</defs>
<style>
text { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Rounded", "SF Pro Text",
       "Segoe UI", system-ui, sans-serif; text-anchor: middle; }
.chip  { font-size: 12px; font-weight: 600; fill: #fff; }
/* §7 prescribes white letters in a dark contour, which is what survives an arbitrary
   desktop wallpaper. Here the backdrop is the page itself, so the same intent — a mark
   that is legible but never loud — is carried by quiet grey. */
.stamp { font-size: 10px; font-weight: 600; fill: #78787F;
         font-variant-numeric: tabular-nums; }

/* §5 breathing: head ±1.1, period 4.2s, card phases desynchronised */
.head { animation: breathe 4.2s ease-in-out infinite; }
.h1 { animation-delay: -0.4s } .h2 { animation-delay: -1.7s }
.h3 { animation-delay: -2.9s } .h4 { animation-delay: -0.9s }
.h5 { animation-delay: -3.5s }
@keyframes breathe { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-1.1px) } }

/* §5 blinking: close 70ms → hold 50ms → open 110ms. Every head has its own
   period, so the shelf never blinks in chorus; Lev double-blinks (12% of blinks). */
.lid { transform-box: fill-box; transform-origin: top; transform: scaleY(0); }
.b1 { animation: blink1 4.6s infinite } .b2 { animation: blink2 5.3s infinite }
.b3 { animation: blink3 6.1s infinite } .b4 { animation: blink4 7.0s infinite }
.b5 { animation: blink5 7.9s infinite }
@keyframes blink1 { 0%,95.00% { transform: scaleY(0) } 96.52%,97.61% { transform: scaleY(1) } 100% { transform: scaleY(0) } }
@keyframes blink2 { 0%,95.66% { transform: scaleY(0) } 96.98%,97.92% { transform: scaleY(1) } 100% { transform: scaleY(0) } }
@keyframes blink3 { 0%,96.23% { transform: scaleY(0) } 97.38%,98.20% { transform: scaleY(1) } 100% { transform: scaleY(0) } }
@keyframes blink4 { 0%,96.71% { transform: scaleY(0) } 97.71%,98.43% { transform: scaleY(1) } 100% { transform: scaleY(0) } }
@keyframes blink5 { 0%,94.00% { transform: scaleY(0) } 94.89%,95.44% { transform: scaleY(1) }
                    96.33%,97.09% { transform: scaleY(0) } 97.97%,98.61% { transform: scaleY(1) }
                    100% { transform: scaleY(0) } }

@media (prefers-reduced-motion: reduce) {
  .head, .lid { animation: none !important; }
}
</style>
<g>
<rect x="24" y="24" width="92" height="112" rx="24" fill="url(#surface)" filter="url(#cardShadow)"/>
<g clip-path="url(#card0)">
<path d="M22 136 C22 114 44 104 70 104 C96 104 118 114 118 136 Z" fill="#4A4458"/>
<rect x="55" y="104" width="30" height="6.4" rx="3.2" fill="#3B3646"/>
<path d="M66 110 L67.6 118 M74 110 L72.4 118" stroke="#9FE0C4" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path transform="translate(70 122)" fill="#EF4E5F" d="M0 4.2 C-1.4 2.1 -5.4 0.7 -5.4 -2.4 C-5.4 -4.8 -3.4 -5.9 -1.8 -5.1 C-0.9 -4.7 -0.3 -3.8 0 -3.1 C0.3 -3.8 0.9 -4.7 1.8 -5.1 C3.4 -5.9 5.4 -4.8 5.4 -2.4 C5.4 0.7 1.4 2.1 0 4.2 Z"/>
<g class="head h1">
<rect x="62" y="86" width="16" height="22" rx="6" fill="#DDB496"/>
<circle cx="44" cy="72" r="4.8" fill="#F6C8A7"/>
<circle cx="96" cy="72" r="4.8" fill="#F6C8A7"/>
<rect x="44" y="43" width="52" height="53" rx="20" ry="21" fill="#F6C8A7"/>
<rect x="44" y="43" width="52" height="53" rx="20" ry="21" fill="url(#form)"/>
<ellipse cx="51" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="89" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="70" cy="81.5" rx="1.6" ry="1.2" fill="#C09C82"/>
<path d="M65.5 85.4 Q70 88.6 74.5 85.4" fill="none" stroke="#9A5B66" stroke-width="1.7" stroke-linecap="round"/>
<g clip-path="url(#eyes0)">
<circle cx="60" cy="71" r="9" fill="#FFFDF7"/>
<path d="M58.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<circle cx="80" cy="71" r="9" fill="#FFFDF7"/>
<path d="M78.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<rect class="lid b1" x="51" y="62" width="18" height="18" fill="#ECC0A0"/>
<rect class="lid b1" x="71" y="62" width="18" height="18" fill="#ECC0A0"/>
</g>
<path fill="#9F7BF5" d="M44 50 C41 39 46 31 55 31 C57 26 68 25 72 30 C79 25 92 29 92 38 C98 40 99 46 96 51 C91 45 85 52 79 48 C73 53 67 47 61 51 C55 54 49 45 44 50 Z"/>
<rect x="50" y="54.5" width="16" height="3.4" rx="1.7" fill="#6F56AB" transform="rotate(-3 58 56.2)"/>
<rect x="74" y="54.5" width="16" height="3.4" rx="1.7" fill="#6F56AB" transform="rotate(3 82 56.2)"/>
<circle cx="44" cy="80" r="3.3" fill="none" stroke="#F2C879" stroke-width="1.6"/>
<path transform="translate(93.5 81) scale(.9)" fill="#B49DF0" d="M0 -3 L.9 -.9 L3 0 L.9 .9 L0 3 L-.9 .9 L-3 0 L-.9 -.9 Z"/>
</g>
<rect x="70" y="0" width="0" height="0" fill="none"/>
<rect x="24" y="24" width="92" height="18" fill="url(#rim)"/>
</g>
<rect x="23.5" y="23.5" width="93" height="113" rx="24.5" fill="none" stroke="#000" stroke-opacity=".35" stroke-width="1"/>
<rect x="25" y="25" width="90" height="110" rx="23" fill="none" stroke="#EBEBEB" stroke-opacity=".88" stroke-width="2"/>
</g>
<g>
<rect x="124" y="24" width="92" height="112" rx="24" fill="url(#surface)" filter="url(#cardShadow)"/>
<g clip-path="url(#card1)">
<path d="M122 136 C122 114 144 104 170 104 C196 104 218 114 218 136 Z" fill="#54405E"/>
<rect x="155" y="104" width="30" height="6.4" rx="3.2" fill="#43334B"/>
<path d="M166 110 L167.6 118 M174 110 L172.4 118" stroke="#9FE0C4" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path transform="translate(170 122)" fill="#EF4E5F" d="M0 4.2 C-1.4 2.1 -5.4 0.7 -5.4 -2.4 C-5.4 -4.8 -3.4 -5.9 -1.8 -5.1 C-0.9 -4.7 -0.3 -3.8 0 -3.1 C0.3 -3.8 0.9 -4.7 1.8 -5.1 C3.4 -5.9 5.4 -4.8 5.4 -2.4 C5.4 0.7 1.4 2.1 0 4.2 Z"/>
<g class="head h2">
<rect x="162" y="86" width="16" height="22" rx="6" fill="#98633F"/>
<circle cx="144" cy="72" r="4.8" fill="#A96F47"/>
<circle cx="196" cy="72" r="4.8" fill="#A96F47"/>
<rect x="144" y="43" width="52" height="53" rx="20" ry="21" fill="#A96F47"/>
<rect x="144" y="43" width="52" height="53" rx="20" ry="21" fill="url(#form)"/>
<path fill="#599785" d="M144 74 C144 91 156 97 170 97 C184 97 196 91 196 74 C190 81 182 83 170 83 C158 83 150 81 144 74 Z"/>
<ellipse cx="170" cy="81.5" rx="1.6" ry="1.2" fill="#C09C82"/>
<path d="M165.5 85.4 Q170 88.6 174.5 85.4" fill="none" stroke="#406C5F" stroke-width="1.7" stroke-linecap="round"/>
<g clip-path="url(#eyes1)">
<circle cx="160" cy="71" r="9" fill="#FFFDF7"/>
<path d="M158.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<circle cx="180" cy="71" r="9" fill="#FFFDF7"/>
<path d="M178.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<rect class="lid b2" x="151" y="62" width="18" height="18" fill="#A26A44"/>
<rect class="lid b2" x="171" y="62" width="18" height="18" fill="#A26A44"/>
</g>
<path fill="#7FD8BE" d="M145 45 C142 34 157 27 173 28 C188 29 198 37 195 46 C181 50 158 50 145 45 Z"/>
<circle cx="173" cy="26.5" r="2.6" fill="#7FD8BE"/>
<rect x="145" y="45" width="50" height="4.4" rx="2.2" fill="#6DB9A3"/>
<rect x="150" y="54.5" width="16" height="3.4" rx="1.7" fill="#589785" transform="rotate(-3 158 56.2)"/>
<rect x="174" y="54.5" width="16" height="3.4" rx="1.7" fill="#589785" transform="rotate(3 182 56.2)"/>
</g>
<rect x="170" y="0" width="0" height="0" fill="none"/>
<rect x="124" y="24" width="92" height="18" fill="url(#rim)"/>
</g>
<rect x="123.5" y="23.5" width="93" height="113" rx="24.5" fill="none" stroke="#000" stroke-opacity=".35" stroke-width="1"/>
<rect x="125" y="25" width="90" height="110" rx="23" fill="none" stroke="#EBEBEB" stroke-opacity=".88" stroke-width="2"/>
</g>
<g>
<rect x="224" y="24" width="92" height="112" rx="24" fill="url(#surface)" filter="url(#cardShadow)"/>
<g clip-path="url(#card2)">
<path d="M222 136 C222 114 244 104 270 104 C296 104 318 114 318 136 Z" fill="#3E4A63"/>
<rect x="255" y="104" width="30" height="6.4" rx="3.2" fill="#323B4F"/>
<path d="M266 110 L267.6 118 M274 110 L272.4 118" stroke="#9FE0C4" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path transform="translate(270 122)" fill="#EF4E5F" d="M0 4.2 C-1.4 2.1 -5.4 0.7 -5.4 -2.4 C-5.4 -4.8 -3.4 -5.9 -1.8 -5.1 C-0.9 -4.7 -0.3 -3.8 0 -3.1 C0.3 -3.8 0.9 -4.7 1.8 -5.1 C3.4 -5.9 5.4 -4.8 5.4 -2.4 C5.4 0.7 1.4 2.1 0 4.2 Z"/>
<g class="head h3">
<rect x="262" y="86" width="16" height="22" rx="6" fill="#D0A27E"/>
<circle cx="244" cy="72" r="4.8" fill="#E8B48C"/>
<circle cx="296" cy="72" r="4.8" fill="#E8B48C"/>
<rect x="244" y="43" width="52" height="53" rx="20" ry="21" fill="#E8B48C"/>
<rect x="244" y="43" width="52" height="53" rx="20" ry="21" fill="url(#form)"/>
<ellipse cx="251" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="289" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="270" cy="81.5" rx="1.6" ry="1.2" fill="#C09C82"/>
<path d="M265.5 85.4 Q270 88.6 274.5 85.4" fill="none" stroke="#9A5B66" stroke-width="1.7" stroke-linecap="round"/>
<g clip-path="url(#eyes2)">
<circle cx="260" cy="71" r="9" fill="#FFFDF7"/>
<path d="M258.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<circle cx="280" cy="71" r="9" fill="#FFFDF7"/>
<path d="M278.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<rect class="lid b3" x="251" y="62" width="18" height="18" fill="#DEAC86"/>
<rect class="lid b3" x="271" y="62" width="18" height="18" fill="#DEAC86"/>
</g>
<path fill="#EE8FA4" d="M241 96 C238 66 241 33 270 30 C299 33 302 66 299 96 L291 96 C294 70 293 50 270 50 C247 50 246 70 249 96 Z"/>
<rect x="250" y="54.5" width="16" height="3.4" rx="1.7" fill="#A66472" transform="rotate(-3 258 56.2)"/>
<rect x="274" y="54.5" width="16" height="3.4" rx="1.7" fill="#A66472" transform="rotate(3 282 56.2)"/>
</g>
<rect x="270" y="0" width="0" height="0" fill="none"/>
<rect x="224" y="24" width="92" height="18" fill="url(#rim)"/>
</g>
<rect x="223.5" y="23.5" width="93" height="113" rx="24.5" fill="none" stroke="#000" stroke-opacity=".35" stroke-width="1"/>
<rect x="225" y="25" width="90" height="110" rx="23" fill="none" stroke="#EBEBEB" stroke-opacity=".88" stroke-width="2"/>
</g>
<g>
<rect x="324" y="24" width="192" height="112" rx="24" fill="url(#surface)" filter="url(#cardShadow)"/>
<g clip-path="url(#card3)">
<path d="M326 136 C326 114 348 104 374 104 C400 104 422 114 422 136 Z" fill="#3E4A63"/>
<rect x="359" y="104" width="30" height="6.4" rx="3.2" fill="#323B4F"/>
<path d="M370 110 L371.6 118 M378 110 L376.4 118" stroke="#9FE0C4" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path transform="translate(374 122)" fill="#EF4E5F" d="M0 4.2 C-1.4 2.1 -5.4 0.7 -5.4 -2.4 C-5.4 -4.8 -3.4 -5.9 -1.8 -5.1 C-0.9 -4.7 -0.3 -3.8 0 -3.1 C0.3 -3.8 0.9 -4.7 1.8 -5.1 C3.4 -5.9 5.4 -4.8 5.4 -2.4 C5.4 0.7 1.4 2.1 0 4.2 Z"/>
<g class="head h4">
<rect x="366" y="86" width="16" height="22" rx="6" fill="#B47F58"/>
<circle cx="348" cy="72" r="4.8" fill="#C98E62"/>
<circle cx="400" cy="72" r="4.8" fill="#C98E62"/>
<rect x="348" y="43" width="52" height="53" rx="20" ry="21" fill="#C98E62"/>
<rect x="348" y="43" width="52" height="53" rx="20" ry="21" fill="url(#form)"/>
<ellipse cx="355" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="393" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="374" cy="81.5" rx="1.6" ry="1.2" fill="#C09C82"/>
<path d="M369.5 85.4 Q374 88.6 378.5 85.4" fill="none" stroke="#9A5B66" stroke-width="1.7" stroke-linecap="round"/>
<g clip-path="url(#eyes3)">
<circle cx="364" cy="71" r="9" fill="#FFFDF7"/>
<path d="M362.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<circle cx="384" cy="71" r="9" fill="#FFFDF7"/>
<path d="M382.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<rect class="lid b4" x="355" y="62" width="18" height="18" fill="#C0885E"/>
<rect class="lid b4" x="375" y="62" width="18" height="18" fill="#C0885E"/>
</g>
<path fill="#F9A8D4" d="M348 51 C348 34 360 29 374 29 C388 29 400 34 400 51 C389 47 359 47 348 51 Z"/>
<circle cx="349" cy="46" r="9.5" fill="#F9A8D4"/>
<circle cx="399" cy="46" r="9.5" fill="#F9A8D4"/>
<rect x="354" y="54.5" width="16" height="3.4" rx="1.7" fill="#AE7594" transform="rotate(-3 362 56.2)"/>
<rect x="378" y="54.5" width="16" height="3.4" rx="1.7" fill="#AE7594" transform="rotate(3 386 56.2)"/>
<circle cx="364" cy="71" r="10.6" fill="none" stroke="#1E1F25" stroke-width="2.0"/>
<circle cx="384" cy="71" r="10.6" fill="none" stroke="#1E1F25" stroke-width="2.0"/>
<path d="M372.4 69 h3.2" stroke="#1E1F25" stroke-width="2.0" fill="none"/>
<path d="M352.5 69 h-4 M395.5 69 h4" stroke="#1E1F25" stroke-width="2.0" stroke-linecap="round" fill="none"/>
</g>
<rect x="374" y="0" width="0" height="0" fill="none"/>
<path d="M418 136 C418 114 440 104 466 104 C492 104 514 114 514 136 Z" fill="#37474A"/>
<rect x="451" y="104" width="30" height="6.4" rx="3.2" fill="#2C393B"/>
<path d="M462 110 L463.6 118 M470 110 L468.4 118" stroke="#9FE0C4" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path transform="translate(466 122)" fill="#EF4E5F" d="M0 4.2 C-1.4 2.1 -5.4 0.7 -5.4 -2.4 C-5.4 -4.8 -3.4 -5.9 -1.8 -5.1 C-0.9 -4.7 -0.3 -3.8 0 -3.1 C0.3 -3.8 0.9 -4.7 1.8 -5.1 C3.4 -5.9 5.4 -4.8 5.4 -2.4 C5.4 0.7 1.4 2.1 0 4.2 Z"/>
<g class="head h5">
<rect x="458" y="86" width="16" height="22" rx="6" fill="#E5CCB4"/>
<circle cx="440" cy="72" r="4.8" fill="#FFE3C9"/>
<circle cx="492" cy="72" r="4.8" fill="#FFE3C9"/>
<rect x="440" y="43" width="52" height="53" rx="20" ry="21" fill="#FFE3C9"/>
<rect x="440" y="43" width="52" height="53" rx="20" ry="21" fill="url(#form)"/>
<ellipse cx="447" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="485" cy="82.5" rx="4.8" ry="3" fill="#F4ADAE" opacity=".85"/>
<ellipse cx="466" cy="81.5" rx="1.6" ry="1.2" fill="#C09C82"/>
<path d="M461.5 85.4 Q466 88.6 470.5 85.4" fill="none" stroke="#9A5B66" stroke-width="1.7" stroke-linecap="round"/>
<g clip-path="url(#eyes4)">
<circle cx="456" cy="71" r="9" fill="#FFFDF7"/>
<path d="M454.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<circle cx="476" cy="71" r="9" fill="#FFFDF7"/>
<path d="M474.3 65.5 h3.4 v3.8 h3.8 v3.4 h-3.8 v3.8 h-3.4 v-3.8 h-3.8 v-3.4 h3.8 Z" fill="#4C3D8F"/>
<rect class="lid b5" x="447" y="62" width="18" height="18" fill="#F4D9C0"/>
<rect class="lid b5" x="467" y="62" width="18" height="18" fill="#F4D9C0"/>
</g>
<path fill="#F5C97B" d="M438 86 C435 62 438 32 466 30 C494 32 497 62 494 86 L487 86 C490 66 489 49 466 49 C443 49 442 66 445 86 Z"/>
<rect x="446" y="54.5" width="16" height="3.4" rx="1.7" fill="#AB8C56" transform="rotate(-3 454 56.2)"/>
<rect x="470" y="54.5" width="16" height="3.4" rx="1.7" fill="#AB8C56" transform="rotate(3 478 56.2)"/>
<rect x="444.79999999999995" y="61" width="21.2" height="19.6" rx="5" fill="none" stroke="#E8E4DC" stroke-width="2.0"/>
<rect x="466.0" y="61" width="21.2" height="19.6" rx="5" fill="none" stroke="#E8E4DC" stroke-width="2.0"/>
<path d="M464.4 69 h3.2" stroke="#E8E4DC" stroke-width="2.0" fill="none"/>
<path d="M444.5 69 h-4 M487.5 69 h4" stroke="#E8E4DC" stroke-width="2.0" stroke-linecap="round" fill="none"/>
</g>
<rect x="466" y="0" width="0" height="0" fill="none"/>
<rect x="324" y="24" width="192" height="18" fill="url(#rim)"/>
</g>
<rect x="323.5" y="23.5" width="193" height="113" rx="24.5" fill="none" stroke="#000" stroke-opacity=".35" stroke-width="1"/>
<rect x="325" y="25" width="190" height="110" rx="23" fill="none" stroke="#EBEBEB" stroke-opacity=".88" stroke-width="2"/>
</g>
<rect x="24" y="144.0" width="92" height="32" rx="10" fill="#101014" fill-opacity=".78" stroke="#fff" stroke-opacity=".08"/>
<text class="chip" x="70.0" y="155">Anya · 💼</text>
<text class="chip" x="70.0" y="169">Working</text>
<text class="stamp" x="70.0" y="188">now</text>
<rect x="124" y="144.0" width="92" height="32" rx="10" fill="#101014" fill-opacity=".78" stroke="#fff" stroke-opacity=".08"/>
<text class="chip" x="170.0" y="155">Tonya · 🎧</text>
<text class="chip" x="170.0" y="169">Listening</text>
<text class="stamp" x="170.0" y="188">2m</text>
<rect x="224" y="144.0" width="92" height="32" rx="10" fill="#101014" fill-opacity=".78" stroke="#fff" stroke-opacity=".08"/>
<text class="chip" x="270.0" y="155">Mia · 🎮</text>
<text class="chip" x="270.0" y="169">Gaming</text>
<text class="stamp" x="270.0" y="188">26m</text>
<rect x="342" y="149.0" width="156" height="22" rx="10" fill="#101014" fill-opacity=".78" stroke="#fff" stroke-opacity=".08"/>
<text class="chip" x="420.0" y="164.0">Kris &amp; Lev · together</text>
<text class="stamp" x="420.0" y="188">24m</text>
</svg>
