body,html{height:100%;overflow:hidden;background:var(--primitive-base-black);font-family:var(--font-cn);color:var(--semantic-text-inverse);-webkit-font-smoothing:antialiased}.sn-header{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-24);background:linear-gradient(to bottom,var(--glass-black-overlay) 0,transparent 100%);pointer-events:none}.sn-header>*{pointer-events:auto}.sn-header__left{gap:var(--space-12)}.sn-back,.sn-header__left{display:flex;align-items:center;flex-shrink:0}.sn-back{justify-content:center;width:var(--space-24);height:var(--space-24);background:var(--glass-white-soft);backdrop-filter:blur(2px);border-radius:50%;color:var(--semantic-text-inverse);text-decoration:none;transition:background var(--motion-base)}.sn-back:hover{background:hsla(0,0%,96%,.35)}.sn-back svg{height:10px;width:auto;display:block}.sn-title{font-size:var(--type-cn-body-large-size);font-weight:400;color:var(--semantic-text-inverse);white-space:nowrap}.sn-tabs{display:flex;gap:0}.sn-tab{background:none;border:none;color:hsla(0,0%,100%,.5);font-size:var(--type-cn-body-large-size);font-family:inherit;cursor:pointer;padding:var(--space-8) var(--space-20);border-radius:var(--radius-pill);transition:background var(--motion-base),color var(--motion-base);white-space:nowrap}.sn-tab.active{background:var(--glass-white-soft);backdrop-filter:blur(2px);color:var(--semantic-text-inverse)}.sn-tab:hover:not(.active){color:hsla(0,0%,100%,.8)}.sn-dropdown{display:none;position:relative;flex:1;justify-content:center}.sn-dropdown__trigger{display:flex;align-items:center;gap:var(--space-8);background:none;border:none;color:var(--semantic-text-inverse);font-size:var(--type-cn-body-large-size);font-family:inherit;cursor:pointer;padding:var(--space-8) var(--space-20);border-radius:var(--radius-pill);backdrop-filter:blur(2px);white-space:nowrap}.sn-dropdown__arrow{height:7px;width:auto;display:block;opacity:.8;transition:transform var(--motion-base)}.sn-dropdown.is-open .sn-dropdown__arrow{transform:rotate(180deg)}.sn-dropdown__menu{display:none;position:absolute;top:calc(100% + var(--space-8));right:0;background:rgba(0,0,0,.75);backdrop-filter:blur(var(--backdrop-blur-md));border-radius:var(--radius-lg);padding:var(--space-8) 0;min-width:160px;z-index:300}.sn-dropdown.is-open .sn-dropdown__menu{display:block}.sn-dropdown__item{display:block;width:100%;background:none;border:none;color:hsla(0,0%,100%,.65);font-size:var(--type-cn-body-large-size);font-family:inherit;cursor:pointer;padding:var(--space-12) var(--space-20);text-align:center;transition:color var(--motion-fast),background var(--motion-fast)}.sn-dropdown__item.active{color:var(--semantic-text-inverse);font-weight:500}.sn-dropdown__item:hover{color:var(--semantic-text-inverse);background:hsla(0,0%,100%,.1)}@media (max-width:768px){.sn-header{padding:var(--space-16)}.sn-tabs,.sn-title{display:none}.sn-dropdown{display:flex;flex:0;justify-content:flex-end}}.sn-feed{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.sn-feed::-webkit-scrollbar{display:none}.sn-item{position:relative;height:100vh;scroll-snap-align:start;overflow:hidden;background:var(--primitive-base-black);display:flex;align-items:center;justify-content:center;contain:layout style paint;isolation:isolate}.sn-bg-blur{position:absolute;inset:-30px;background-size:cover;background-position:50%;filter:blur(22px) brightness(.42) saturate(1.4);z-index:0}.sn-video-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.sn-video-inner{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;overflow:hidden;flex-shrink:0}.sn-yt{width:100%;height:100%;border:none;z-index:0}.sn-grad,.sn-yt{position:absolute;inset:0}.sn-grad{z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 63.5%);pointer-events:none}.sn-bottom{position:absolute;z-index:2;bottom:var(--space-24);left:var(--space-24);right:56px;display:flex;flex-direction:column;gap:var(--space-20)}.sn-designer-row{display:flex;align-items:center;gap:var(--space-12)}.sn-avatar-wrap{width:60px;height:60px;flex-shrink:0;border-radius:50%;border:2px solid var(--semantic-border-inverse);overflow:hidden}.sn-avatar{width:100%;height:100%;object-fit:cover}.sn-designer-info{display:flex;flex-direction:column;gap:var(--space-8);flex:1;min-width:0}.sn-name{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-designer-meta,.sn-name{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-inverse)}.sn-designer-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:0}.sn-designer-meta span{white-space:nowrap}.sn-meta-divider{width:1px;height:var(--space-12);background:hsla(0,0%,100%,.5);margin:0 var(--space-8);flex-shrink:0}.sn-consult{background:var(--gradient-cta-primary);color:var(--semantic-text-inverse);border:none;border-radius:var(--radius-pill);font-size:var(--type-cn-body-large-size);font-weight:400;font-family:inherit;padding:var(--space-8) var(--space-16);cursor:pointer;height:var(--space-36);display:flex;align-items:center;justify-content:center;transition:opacity var(--motion-base);flex-shrink:0;white-space:nowrap}.sn-consult:hover{opacity:.85}.sn-caption{font-size:var(--type-cn-body-large-size);font-weight:400;line-height:1.375;text-shadow:var(--shadow-xs);margin:0}.sn-hashtags{font-size:var(--type-cn-body-medium-size);color:var(--semantic-text-disabled);letter-spacing:.2px}.sn-actions{position:absolute;z-index:2;right:var(--space-16);bottom:var(--space-24);display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}@media (min-aspect-ratio:9/16){.sn-actions{left:calc((100vw + 100vh * 9 / 16) / 2 + var(--space-12));right:auto}.sn-bottom{right:var(--space-24)}}.sn-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background:none;border:none;color:var(--semantic-text-inverse);cursor:pointer;font-family:inherit;line-height:1;-webkit-tap-highlight-color:transparent}.sn-btn svg{width:var(--space-24);height:var(--space-24);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:transform var(--motion-base)}.sn-btn:hover svg{transform:scale(1.2)}.sn-btn span{font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.sn-like.liked svg{fill:var(--semantic-status-error);stroke:var(--semantic-status-error)}.sn-like.liked span{color:var(--semantic-status-error)}.sn-swipe-hint{position:fixed;bottom:var(--space-24);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:hsla(0,0%,100%,.6);font-size:var(--type-cn-body-small-size);pointer-events:none;z-index:150;animation:hint-out .5s ease 3.5s forwards}.sn-swipe-hint svg{width:var(--space-20);height:var(--space-20);animation:bounce-up 1s ease infinite}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hint-out{to{opacity:0;pointer-events:none}}.sn-share-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s ease}.sn-share-overlay.open{opacity:1;pointer-events:auto}.sn-share-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--semantic-bg-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-12) var(--space-24) var(--space-40);box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,0,.67,0)}.sn-share-overlay.open .sn-share-sheet{transform:translateY(0);transition-timing-function:cubic-bezier(.33,1,.68,1)}.sn-share-handle{width:var(--space-36);height:var(--space-4);background:var(--semantic-border-default);border-radius:var(--radius-pill);margin:0 auto var(--space-20)}.sn-share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-28)}.sn-share-title{font-size:var(--type-cn-body-large-size);font-weight:500;color:var(--semantic-text-primary)}.sn-share-close{display:flex;align-items:center;justify-content:center;width:var(--space-32);height:var(--space-32);border-radius:50%;background:var(--semantic-bg-subtle);border:none;cursor:pointer;color:var(--semantic-text-secondary);transition:background var(--motion-base)}.sn-share-close:hover{background:var(--semantic-border-default)}.sn-share-close svg{width:var(--space-16);height:var(--space-16)}.sn-share-options{display:flex;justify-content:center;gap:var(--space-40)}.sn-share-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);background:none;border:none;cursor:pointer;font-size:var(--type-cn-body-small-size);color:var(--semantic-text-secondary);font-family:inherit;transition:opacity var(--motion-base)}.sn-share-option:hover{opacity:.75}.sn-share-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sn-share-icon svg{width:var(--space-28);height:var(--space-28)}.sn-share-icon--line{background:#06c755;color:#fff}.sn-share-icon--facebook{background:#1877f2;color:#fff}.sn-share-icon--copy{background:var(--semantic-bg-subtle);color:var(--semantic-text-secondary);border:1px solid var(--semantic-border-default)}.sn-share-copy-feedback{text-align:center;font-size:var(--type-cn-body-small-size);color:var(--semantic-text-accent);margin-top:var(--space-20);opacity:0;transition:opacity var(--motion-base);pointer-events:none}.sn-share-copy-feedback.show{opacity:1}@media (max-width:480px){.sn-tabs{display:none}.sn-video-inner{aspect-ratio:unset;width:100%}.sn-bottom{right:56px;left:14px;bottom:20px}.sn-actions{right:var(--space-8);bottom:20px;gap:var(--space-16)}.sn-avatar-wrap{width:var(--space-48);height:var(--space-48)}.sn-designer-row{gap:var(--space-8)}.sn-designer-info{gap:2px}.sn-name{font-size:12px;line-height:1.3}.sn-designer-meta{font-size:11px;overflow:hidden}.sn-meta-divider{margin:0 var(--space-4)}.sn-consult{font-size:13px;padding:6px 12px}}