.knit-app .story-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}.knit-app .story-rail::-webkit-scrollbar{display:none}.knit-app .story-bubble{scroll-snap-align:start;flex-direction:column;flex:none;align-items:center;gap:4px;width:74px;display:flex}.knit-app .story-ring{background:#c89a62;border-radius:999px;place-items:center;width:68px;height:68px;padding:3px;display:grid;overflow:hidden;box-shadow:0 2px #9c6f45}.knit-app .story-bubble.is-unseen .story-ring{background:repeating-conic-gradient(#e0485c 0 12deg, #f0dab8 12deg 24deg, #8a5a34 24deg 36deg)}.knit-app .story-ring img,.knit-app .story-initial,.knit-app .story-plus{object-fit:cover;color:#5c3a22;background:#f0dab8;border:3px solid #fff8ec;border-radius:999px;place-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:grid}.knit-app .story-ring img{box-sizing:border-box;object-position:center;min-width:0;min-height:0;display:block}.knit-app .story-own{flex:none;width:74px;position:relative}.knit-app .story-own .story-bubble{width:100%}.knit-app .story-add-indicator,.knit-app .story-quick-add{color:#fff8ec;background:#8a5a34;border:2px solid #f0dab8;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:13px;right:-2px}.knit-app .story-quick-add{bottom:16px;right:0}.knit-app .story-name{text-overflow:ellipsis;white-space:nowrap;color:#5c3a22;text-shadow:-.5px -.5px #f7e2c499,.5px .75px #2a1608b3;max-width:74px;font-family:Sofia Sans Condensed,Manrope,system-ui,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.story-viewer{z-index:80;color:#f0dab8;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#0d0906;flex-direction:column;display:flex;position:fixed;inset:0}.story-viewer .story-bars{gap:4px;padding:10px 10px 6px;display:flex}.story-viewer .story-bar{background:#f0dab84d;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-viewer .story-bar>span{background:#f0dab8;height:100%;display:block}.story-viewer .story-top{align-items:center;gap:8px;padding:0 12px 8px;display:flex}.story-viewer .story-top-avatar{box-sizing:border-box;object-fit:cover;object-position:center;border:2px solid #f0dab8;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.story-viewer .story-top-initial{color:#fff8ec;background:#8a5a34;place-items:center;display:grid}.story-viewer .story-top-name{font-family:Sofia Sans Condensed,Manrope,system-ui,sans-serif;font-size:17px;font-weight:600}.story-viewer .story-top-time{opacity:.75;font-size:13px}.story-viewer .story-close{place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.story-viewer .story-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.story-viewer .story-stage img,.story-viewer .story-stage video{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.story-viewer .story-caption{text-align:center;text-shadow:0 1px 3px #000;font-size:16px;position:absolute;bottom:24px;left:16px;right:16px}.story-viewer .story-msg{opacity:.8}.story-viewer .story-owner{justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.story-viewer .story-owner button{align-items:center;gap:6px;min-height:44px;display:inline-flex}