@keyframes flow-draw{0%{stroke-dashoffset:1px}}@keyframes flow-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}}@keyframes flow-glow{50%{box-shadow:0 0 0 10px #ffd98a29}}.cord{z-index:32;top:0;left:calc(var(--wing) + var(--s3));width:44px;color:var(--limelight);cursor:pointer;transform-origin:top;pointer-events:auto;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:absolute}.cord__rope{background:var(--brass);width:3px;height:22px}.cord__tassel{border:2px solid var(--brass);background:var(--velvet-deep);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.cord:hover .cord__tassel,.cord:focus-visible .cord__tassel{background:#ffd98a2e}.cord:active{transform:translateY(6px)}@media (prefers-reduced-motion:no-preference){.cord{animation:1.6s ease-in-out 2 cord-sway}}@keyframes cord-sway{50%{transform:rotate(5deg)}}.story{z-index:35;left:50%;bottom:calc(18% + var(--s2));justify-items:center;gap:var(--s3);width:min(calc(100% - 2 * var(--wing) - var(--s4)), 440px);padding:var(--s4);border:1px solid var(--limelight);border-radius:var(--r-lg);background:#0f0820f5;display:grid;position:absolute;translate:-50%;box-shadow:0 20px 60px #07020fb3}.story__row{justify-content:center;align-items:center;gap:var(--s3);width:100%;display:flex}.story__who .avatar{width:48px}.story__card{min-width:82px;padding:var(--s2) var(--s3);border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--velvet-3);color:var(--chalk);font-size:var(--t-footnote);justify-items:center;gap:4px;font-weight:700;display:grid}.story__card small{color:var(--haze);font-size:var(--t-caption);font-weight:500}.story__card--new{border-color:var(--limelight)}.story__wire{flex:1;min-width:40px;max-width:90px;height:4px}.story__wire line{stroke:var(--limelight);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.story__bell{width:40px;height:40px;color:var(--limelight);background:#ffd98a29;border-radius:50%;place-items:center;display:grid}.story__actions{gap:var(--s2);display:flex}@media (prefers-reduced-motion:no-preference){.story{animation:.5s cubic-bezier(.16,1,.3,1) story-in}.story__wire line{animation:1s ease-out .5s backwards flow-draw}.story__card--new{animation:.5s cubic-bezier(.16,1,.3,1) 1.3s backwards flow-pop}.story__bell{animation:1.6s ease-in-out 1.8s infinite flow-glow}}@keyframes story-in{0%{opacity:0;transform:translateY(24px)}}