.stories-bar{margin-bottom:var(--spacing-sm);padding:0 0 var(--spacing-sm)}.stories-bar-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:visible;padding:0 0 var(--spacing-sm);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stories-bar-scroll::-webkit-scrollbar{height:4px}.stories-bar-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.story-ring-button{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:4.75rem;border:none;background:transparent;cursor:pointer;scroll-snap-align:start;padding:0}.story-ring-button:disabled{cursor:default}.story-ring-frame{position:relative;width:4.25rem;height:4.25rem;border-radius:var(--radius-full);padding:3px;background:var(--color-gray-300);transition:transform var(--transition-base)}.story-ring-button:hover .story-ring-frame{transform:scale(1.04)}.story-ring-frame-unseen{background:linear-gradient(135deg,var(--color-primary-brand-start),var(--color-primary-brand-end))}.story-ring-frame-own{background:var(--color-gray-300)}.story-ring-frame-own-empty{background:linear-gradient(135deg,var(--color-primary-300),var(--color-primary-500))}.story-ring-inner{position:relative;width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;border:2px solid white;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center}.story-ring-preview{object-fit:cover}.story-ring-avatar{width:100%;height:100%;min-width:0;min-height:0;font-size:1.25rem}.story-ring-add-badge{position:absolute;right:-.1rem;bottom:-.1rem;width:1.35rem;height:1.35rem;border-radius:var(--radius-full);background:var(--color-primary-600);color:white;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.story-ring-label{margin:0;max-width:4.75rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.stories-bar-skeleton{display:flex;gap:var(--spacing-md)}.story-ring-skeleton{width:4.75rem;height:5.5rem;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:story-shimmer 1.2s infinite}@keyframes story-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.story-viewer-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(0,0,0,.94);display:flex;flex-direction:column}.story-viewer-progress-list{display:flex;gap:.25rem;padding:calc(env(safe-area-inset-top, 0px) + .75rem) .75rem .5rem}.story-viewer-progress-track{flex:1 1;height:3px;border-radius:var(--radius-full);background:rgba(255,255,255,.28);overflow:hidden}.story-viewer-progress-fill{height:100%;background:white;border-radius:inherit;transition:width .1s linear}.story-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.5rem .75rem .75rem;color:white}.story-viewer-user{display:flex;align-items:center;gap:.55rem;min-width:0}.story-viewer-user-name{margin:0;font-size:.875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-viewer-user-time{margin:.1rem 0 0;font-size:.6875rem;color:rgba(255,255,255,.72)}.story-viewer-actions{display:flex;align-items:center;gap:.35rem}.story-viewer-action-button{border:none;background:rgba(255,255,255,.12);color:white;width:2rem;height:2rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.story-viewer-body{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;min-height:0}.story-viewer-image-wrap{position:relative;width:min(100%,420px);aspect-ratio:9/16;max-height:calc(100vh - 9rem);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.story-viewer-image{object-fit:cover}.story-viewer-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:var(--color-gray-900);color:rgba(255,255,255,.82);text-align:center}.story-viewer-image-fallback p{margin:0;font-size:.8125rem;font-weight:600}.story-viewer-nav{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.story-viewer-nav button{border:none;background:transparent;cursor:pointer}.story-viewers-drawer{position:absolute;left:0;right:0;bottom:0;max-height:45vh;background:white;border-radius:var(--radius-card) var(--radius-card) 0 0;padding:var(--spacing-md);overflow-y:auto}.story-viewers-drawer-title{margin:0 0 var(--spacing-sm);font-size:.9375rem;font-weight:700;color:var(--color-gray-900)}.story-viewers-list{display:flex;flex-direction:column;gap:.45rem}.story-viewers-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.45rem 0}.story-viewers-user{display:flex;align-items:center;gap:.55rem;min-width:0}.story-viewers-user-name{margin:0;font-size:.8125rem;font-weight:600;color:var(--color-gray-900)}.story-viewers-time{margin:0;font-size:.6875rem;color:var(--color-gray-500);white-space:nowrap}.create-story-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-story-cropper-wrapper{position:relative;width:100%;height:420px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-900)}.create-story-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-story-zoom-control{display:flex;align-items:center;gap:var(--spacing-sm)}.create-story-zoom-control label{font-size:.8125rem;color:var(--color-gray-600);min-width:2.5rem}.create-story-zoom-control input[type=range]{flex:1 1}.story-viewers-close{border:none;background:var(--color-gray-100);color:var(--color-gray-700);width:2rem;height:2rem;border-radius:var(--radius-full);cursor:pointer}.stories-bar-empty-hint{margin:0;font-size:.8125rem;color:var(--color-gray-500);align-self:center}.tags-marquee{width:100%;overflow:hidden;margin-inline:calc(-1 * var(--spacing-md));padding-inline:var(--spacing-md);padding-bottom:var(--spacing-md);position:relative}@media (min-width:640px){.tags-marquee{margin-inline:calc(-1 * var(--spacing-lg))}}@media (min-width:1024px){.tags-marquee{margin-inline:calc(-1 * var(--spacing-xl))}}.tags-marquee:after,.tags-marquee:before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.tags-marquee:before{left:0;background:linear-gradient(to right,var(--color-background) 0,rgba(255,255,255,0) 100%)}.tags-marquee:after{right:0;background:linear-gradient(to left,var(--color-background) 0,rgba(255,255,255,0) 100%)}.tags-marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;will-change:transform}.tags-marquee-track:hover{animation-play-state:paused}.tags-marquee-content{display:flex;gap:var(--spacing-md);width:max-content;padding-right:var(--spacing-md)}.tags-marquee-item{flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.tags-marquee:after,.tags-marquee:before{width:50px}.tags-marquee-track{animation-duration:20s}.tags-marquee-content{gap:var(--spacing-sm);padding-right:var(--spacing-sm)}}.create-post-button{position:relative;isolation:isolate;overflow:hidden;padding:1.05rem 1.75rem;font-size:1.05rem;font-weight:700;letter-spacing:.01em;color:var(--color-white);background:linear-gradient(120deg,var(--color-primary-brand-start) 0,var(--color-primary-brand-mid) 38%,var(--color-primary-brand-end) 72%,#1d4ed8 100%);background-size:180% 180%;border:none;border-radius:1rem;cursor:pointer;outline:none;margin-bottom:var(--spacing-md);box-shadow:0 12px 28px rgba(37,99,235,.34),inset 0 0 0 1px rgba(255,255,255,.16),0 0 36px rgba(96,165,250,.22);animation:create-post-button-gradient 6s ease infinite}.create-post-button-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;height:100%}.create-post-button-text{text-shadow:0 1px 10px rgba(15,23,42,.18);white-space:nowrap;transition:opacity .32s ease,max-width .5s cubic-bezier(.34,1.15,.64,1),margin .5s cubic-bezier(.34,1.15,.64,1)}.create-post-button-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:transform .28s cubic-bezier(.34,1.4,.64,1);flex-shrink:0}.create-post-button-icon,.create-post-button-spark{font-size:1.05rem;transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.create-post-button-spark{opacity:.92;color:#fde68a;filter:drop-shadow(0 0 6px rgba(253,224,71,.65));transition:opacity .28s ease,transform .5s cubic-bezier(.34,1.15,.64,1),max-width .5s cubic-bezier(.34,1.15,.64,1)}.create-post-button-orb{position:absolute;border-radius:var(--radius-full);filter:blur(18px);opacity:.55;pointer-events:none;transition:opacity .35s ease}.create-post-button-orb-right{width:4.5rem;height:4.5rem;right:-1rem;bottom:-1.5rem;background:rgba(59,130,246,.65);animation:create-post-button-float-right 4.2s ease-in-out infinite}.create-post-button:hover:not(:disabled){background-position:100% 50%;box-shadow:0 16px 34px rgba(37,99,235,.42),inset 0 0 0 1px rgba(255,255,255,.22),0 0 42px rgba(96,165,250,.38)}.create-post-button:not(.create-post-button-compact):hover:not(:disabled){transform:translateY(-2px) scale(1.01)}.create-post-button:hover:not(:disabled) .create-post-button-icon-wrap{transform:scale(1.08)}.create-post-button:hover:not(:disabled) .create-post-button-icon{transform:rotate(90deg)}.create-post-button:hover:not(:disabled) .create-post-button-spark{transform:scale(1.15) rotate(-8deg)}.create-post-button:not(.create-post-button-compact):active:not(:disabled){transform:translateY(0) scale(.99)}.create-post-button:focus-visible{outline:2px solid var(--color-primary-200);outline-offset:3px}.create-post-button:disabled{opacity:.55;cursor:not-allowed;animation:none}.create-post-button-full{width:100%}.create-post-button-compact{border-radius:var(--radius-fab);padding:0;box-shadow:0 14px 30px rgba(37,99,235,.48),inset 0 0 0 1px rgba(255,255,255,.2),0 0 32px rgba(96,165,250,.38)}.create-post-button-compact .create-post-button-content{gap:0}.create-post-button-compact .create-post-button-orb,.create-post-button-compact .create-post-button-spark,.create-post-button-compact .create-post-button-text{opacity:0;max-width:0;margin:0;overflow:hidden;pointer-events:none}.create-post-button-compact .create-post-button-icon-wrap{width:100%;height:100%;background:transparent;box-shadow:none}.create-post-button-compact .create-post-button-icon{font-size:1.45rem}@keyframes create-post-button-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes create-post-button-float-right{0%,to{transform:translate(0)}50%{transform:translate(-.35rem,-.4rem)}}@media (max-width:640px){.create-post-button{padding:.95rem 1.25rem;font-size:.98rem}}@media (prefers-reduced-motion:reduce){.create-post-button,.create-post-button-orb-right{animation:none}}.create-post-sticky-anchor{position:relative}.create-post-sticky-fab-wrap{--fab-size:3.5rem;--fab-offset-x:1.5rem;--fab-offset-y:1.5rem;--fab-fx-room:2.5rem;position:fixed;right:calc(var(--fab-offset-x) - var(--fab-fx-room));bottom:calc(var(--fab-offset-y) - var(--fab-fx-room));z-index:var(--z-toast);width:calc(var(--fab-size) + var(--fab-fx-room) * 2);height:calc(var(--fab-size) + var(--fab-fx-room) * 2);overflow:visible;pointer-events:none}.create-post-sticky-fab-ripple,.create-post-sticky-fab-stage{position:absolute;right:var(--fab-fx-room);bottom:var(--fab-fx-room);width:var(--fab-size);height:var(--fab-size)}.create-post-sticky-fab-ripple{display:block;border-radius:var(--radius-full);border:1.5px solid rgba(96,165,250,.55);background:radial-gradient(circle,rgba(96,165,250,.18) 0,rgba(96,165,250,.08) 45%,transparent 70%);pointer-events:none;animation:create-post-sticky-fab-ripple .7s cubic-bezier(.22,1,.36,1) both}.create-post-sticky-fab-stage{pointer-events:auto;transform-origin:center center;animation:create-post-sticky-fab-stage-enter .55s cubic-bezier(.22,1.12,.36,1) both}.create-post-sticky-fab{width:100%;height:100%;margin-bottom:0}.create-post-sticky-fab.create-post-button{animation:create-post-button-gradient 6s ease infinite;opacity:1;transform:none}.create-post-sticky-fab-stage:hover .create-post-sticky-fab:not(:disabled){transform:scale(1.06);transition:transform .22s cubic-bezier(.22,1,.36,1)}.create-post-sticky-fab-stage:active .create-post-sticky-fab:not(:disabled){transform:scale(.96);transition:transform .12s ease}@keyframes create-post-sticky-fab-stage-enter{0%{opacity:0;transform:translateY(1.35rem) scale(.82);filter:drop-shadow(0 8px 16px rgba(37,99,235,0))}65%{opacity:1;transform:translateY(-.15rem) scale(1.03);filter:drop-shadow(0 10px 24px rgba(37,99,235,.32))}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 8px 20px rgba(37,99,235,.22))}}@keyframes create-post-sticky-fab-ripple{0%{opacity:.7;transform:scale(.88)}to{opacity:0;transform:scale(1.75)}}@media (max-width:640px){.create-post-sticky-fab-wrap{--fab-size:3.25rem;--fab-offset-x:1rem;--fab-offset-y:1rem;--fab-fx-room:2rem}}@media (prefers-reduced-motion:reduce){.create-post-sticky-fab-ripple{display:none}.create-post-sticky-fab-stage{animation:create-post-sticky-fab-stage-enter-reduced .22s ease both}}@keyframes create-post-sticky-fab-stage-enter-reduced{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}