:root{--story-size: 64px;--stories-height: 100px}[data-astro-cid-tbnwlqcf]{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa}.container[data-astro-cid-tbnwlqcf]{max-width:400px;margin:0 auto;position:relative;height:100vh;overflow-y:auto;scroll-snap-type:y proximity;background-color:#fff}.container[data-astro-cid-tbnwlqcf]:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;scroll-snap-align:start;z-index:-1}.container[data-astro-cid-tbnwlqcf]:after{content:"";position:absolute;top:var(--stories-height);left:0;width:100%;height:1px;scroll-snap-align:start;z-index:-1}.stories-list[data-astro-cid-tbnwlqcf]{display:flex;flex-direction:row;position:sticky;top:0;padding:8px;justify-content:center;width:100%;background-color:#fff;z-index:100;border-bottom:1px solid #e1e4e8}.story[data-astro-cid-tbnwlqcf]{--story-size: 64px;border-radius:50%;background:#007aff;border:none;padding:3px;flex-shrink:0;animation:storyAnimation cubic-bezier(.71,.36,.14,.91);animation-fill-mode:both;animation-timeline:scroll();animation-range:0 var(--stories-height)}.story-avatar[data-astro-cid-tbnwlqcf]{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid #ffffff}.story[data-astro-cid-tbnwlqcf]:nth-child(1) .story-avatar[data-astro-cid-tbnwlqcf]{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23ff6b6b"/><path d="M50 20 L58 42 L82 42 L64 58 L72 80 L50 66 L28 80 L36 58 L18 42 L42 42 Z" fill="white"/></svg>')}.story[data-astro-cid-tbnwlqcf]:nth-child(2) .story-avatar[data-astro-cid-tbnwlqcf]{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%234ecdc4"/><path d="M50 25 C58 25 65 32 65 40 C65 48 58 55 50 65 C42 55 35 48 35 40 C35 32 42 25 50 25 Z" fill="white"/></svg>')}.story[data-astro-cid-tbnwlqcf]:nth-child(3) .story-avatar[data-astro-cid-tbnwlqcf]{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%2345b7d1"/><path d="M50 20 L70 50 L50 80 L30 50 Z" fill="white"/></svg>')}.story[data-astro-cid-tbnwlqcf]:nth-child(1){margin-left:0!important}@keyframes storyAnimation{0%{width:var(--story-size);height:var(--story-size);margin-left:20px}33%{margin-top:0;margin-left:10px}50%{margin-top:0}66%{margin-top:calc(attr(data-index px)*12)}to{width:calc(var(--story-size) * .4);height:calc(var(--story-size) * .4);margin-left:calc(var(--story-size) * -.2)}}.contacts-list[data-astro-cid-tbnwlqcf]{min-height:200vh;width:100%;background-color:#fff;animation:scrollAnimation linear;animation-timeline:scroll();animation-range:0 var(--stories-height);animation-fill-mode:both}.contact-item[data-astro-cid-tbnwlqcf]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;background-color:#fff;transition:background-color .1s ease;cursor:pointer}.contact-item[data-astro-cid-tbnwlqcf]:hover{background-color:#f8f9fa}.contact-avatar[data-astro-cid-tbnwlqcf]{width:50px;height:50px;border-radius:50%;background-size:cover;background-position:center;margin-right:12px;flex-shrink:0}.contact-info[data-astro-cid-tbnwlqcf]{flex:1;min-width:0}.contact-name[data-astro-cid-tbnwlqcf]{font-size:16px;font-weight:500;color:#000;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-message[data-astro-cid-tbnwlqcf]{font-size:14px;color:#8e8e93;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta[data-astro-cid-tbnwlqcf]{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;margin-left:8px}.contact-time[data-astro-cid-tbnwlqcf]{font-size:12px;color:#8e8e93;margin-bottom:4px}.contact-unread[data-astro-cid-tbnwlqcf]{background-color:#007aff;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:500;min-width:18px;text-align:center}@keyframes scrollAnimation{0%{margin-top:0}to{margin-top:var(--stories-height)}}