:root{--bg: #ffffff;--bg-elev: #ffffff;--bg-hover: rgba(0, 0, 0, .05);--bg-secondary: #fafafa;--text: #000000;--text-2: #737373;--border: #dbdbdb;--sep: #efefef;--btn-gray: #efefef;--btn-gray-hover: #dbdbdb;--blue: #0095f6;--blue-hover: #1877f2;--link: #00376b;--red: #ed4956;--overlay: rgba(0, 0, 0, .65);--bubble-theirs: #efefef;--story-grad: linear-gradient(45deg, #ffd600, #ff7a00 25%, #ff0069 55%, #d300c5 80%, #7638fa);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-elev: #262626;--bg-hover: rgba(255, 255, 255, .1);--bg-secondary: #121212;--text: #f5f5f5;--text-2: #a8a8a8;--border: #363636;--sep: #262626;--btn-gray: #363636;--btn-gray-hover: #262626;--link: #e0f1ff;--bubble-theirs: #262626;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.5}input,textarea{font:inherit;color:inherit}img,video{display:block}h1,h2,h3,p{margin:0}.muted{color:var(--text-2)}.muted-strong{color:var(--text)}.small{font-size:12px;line-height:16px}.bold,b{font-weight:600}.blue{color:var(--blue)}.grow{flex:1;min-width:0}.rel{position:relative}.pre-wrap{white-space:pre-wrap;word-break:break-word}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-text{text-align:right}.pad{padding:14px 16px}.pad-sm{padding:8px 10px}.pad-x{padding:0 16px}.row-gap{display:flex;align-items:center;gap:8px;min-width:0}.row-gap.big{gap:20px}.username{font-weight:600;color:var(--text)}.username:hover{opacity:.6}.tag-link{color:var(--link)}.link-btn{font-weight:400}.link-btn.blue{color:var(--blue)}.link-btn.blue:hover{color:var(--link)}.link-btn.bold{font-weight:600}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;color:var(--text)}.icon-btn:hover{opacity:.6}.desktop-only{display:none!important}@media (min-width: 768px){.desktop-only{display:initial!important}.mobile-only{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:8px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover:not(:disabled){background:var(--blue-hover)}.btn-gray{background:var(--btn-gray);color:var(--text)}.btn-gray:hover:not(:disabled){background:var(--btn-gray-hover)}.btn-sm{height:32px;padding:0 14px}.btn.wide{width:100%}.toast{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#262626;color:#fff;padding:16px;text-align:center;animation:toast-in .2s ease-out}@media (min-width: 768px){.toast{left:50%;right:auto;bottom:24px;transform:translate(-50%);border-radius:8px;padding:14px 24px}}@keyframes toast-in{0%{opacity:0}}.spinner-wrap{display:flex;justify-content:center;padding:24px 0;color:var(--text-2)}.spinner{animation:spin .8s steps(8) infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center}.empty{text-align:center;padding:60px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty h2{font-size:30px;line-height:36px;font-weight:800}.empty p{color:var(--text);max-width:360px}.empty-circle{width:62px;height:62px;border:2px solid var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-circle.big{width:96px;height:96px}.empty-icon{font-size:48px;width:62px;height:62px;border:2px solid var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-small{color:var(--text-2);text-align:center;padding:24px 16px}.notfound{text-align:center;padding:40px 20px}.notfound h2{font-size:24px;line-height:30px;margin-bottom:24px}.page-title{font-size:20px;font-weight:700;margin:36px 0 24px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;position:relative;cursor:pointer}.avatar img{border-radius:50%;object-fit:cover;background:var(--sep)}.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(0,0,0,.08);pointer-events:none}.avatar-ring:after{display:none}.avatar-ring{background:var(--border);padding:2px}.avatar-ring.unseen{background:var(--story-grad)}.avatar-ring img{border:2px solid var(--bg)}.avatar-ring{padding:2px}.avatar-ring img{width:100%!important;height:100%!important}.avatar-active img{outline:2px solid var(--text);outline-offset:1px}.avatar-link{display:inline-flex;flex-shrink:0}.app,.main{min-height:100vh}.sidebar{display:none}.logo{display:inline-flex;font-size:36px;line-height:1;color:var(--text)}.logo svg{display:block}.logo.small{font-size:34px}@media (min-width: 768px){.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;width:73px;padding:8px 12px 20px;border-right:1px solid var(--border);background:var(--bg);transition:width .2s}.main{margin-left:73px}.side-logo{height:92px;display:flex;align-items:center;padding:0 12px}.side-logo .logo{display:none}.side-logo-icon{display:flex}.side-items{flex:1;display:flex;flex-direction:column;gap:2px}.side-item{display:flex;align-items:center;gap:16px;width:100%;padding:12px;margin:2px 0;border-radius:8px;font-size:16px;line-height:20px;text-align:left;transition:background .15s}.side-item:hover{background:var(--bg-hover)}.side-item:hover .side-icon{transform:scale(1.05)}.side-item.active{font-weight:700}.side-item.outlined .side-icon{outline:1px solid var(--border);border-radius:8px}.side-icon{position:relative;display:flex;transition:transform .15s}.side-label{display:none;white-space:nowrap}.side-bottom{position:relative}.more-menu{position:absolute;bottom:60px;left:0;width:266px;z-index:60;background:var(--bg-elev);border-radius:16px;padding:8px;box-shadow:0 4px 12px #00000026}.more-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:8px;text-align:left}.more-item:hover{background:var(--bg-hover)}.more-sep{height:6px;background:var(--sep);margin:8px -8px}.side-panel{position:fixed;top:0;bottom:0;left:73px;width:397px;z-index:45;background:var(--bg);border-right:1px solid var(--border);border-radius:0 16px 16px 0;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:panel-in .2s ease-out}.side-panel-title{font-size:24px;font-weight:600;padding:24px 24px 20px}.side-panel .notif-list{overflow-y:auto;flex:1}@keyframes panel-in{0%{transform:translate(-30px);opacity:0}}}@media (min-width: 1264px){.sidebar:not(.compact){width:245px}.sidebar:not(.compact) .side-logo .logo{display:block}.sidebar:not(.compact) .side-logo-icon{display:none}.sidebar:not(.compact) .side-label{display:block}.main{margin-left:245px}.sidebar.compact~.main{margin-left:73px}}.badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff3040;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:2px solid var(--bg);box-sizing:content-box}.badge.dot{min-width:8px;width:8px;height:8px;padding:0;top:-1px;right:-1px;border-width:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;align-items:center;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--border)}.tab{flex:1;display:flex;align-items:center;justify-content:center;height:50px}.main{padding-bottom:calc(50px + env(safe-area-inset-bottom))}@media (min-width: 768px){.tabbar{display:none}.main{padding-bottom:0}}.mobile-top{position:sticky;top:0;z-index:40;height:44px;display:flex;align-items:center;padding:0 8px;background:var(--bg);border-bottom:1px solid var(--border)}.mobile-top h1{flex:1;text-align:center;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-right{min-width:40px;display:flex;justify-content:flex-end}.mobile-top.home{justify-content:space-between;padding:0 16px;border-bottom:0;height:60px}.mobile-top.home .icon-btn{padding:0;position:relative}.mobile-top .icon-btn.rel{position:relative}@media (min-width: 768px){.mobile-top{display:none}}.feed-layout{display:flex;justify-content:center}.feed-col{width:100%;max-width:630px}@media (min-width: 768px){.feed-col{padding-top:22px}}.feed-posts{max-width:470px;margin:0 auto}.feed-side{display:none}@media (min-width: 1160px){.feed-side{display:block;width:319px;margin-left:64px;padding-top:36px;padding-left:16px}}.feed-side .user-row{padding:8px 0}.side-sugg-head{display:flex;justify-content:space-between;margin:16px 0 4px}.side-footer{margin-top:28px;color:#c7c7c7;font-size:12px}.feed-end{text-align:center;padding:32px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:6px}.feed-end h3{font-size:20px;font-weight:400;line-height:25px}.feed-end-check{width:96px;height:96px;border-radius:50%;background:var(--story-grad);display:flex;align-items:center;justify-content:center;color:#fff;padding:2px}.feed-sugg{width:100%;text-align:left;margin-top:24px}.feed-sugg h3{font-size:16px;font-weight:600;margin-bottom:8px}.story-tray-wrap{position:relative;margin-bottom:24px}.story-tray{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:8px 12px}.story-tray::-webkit-scrollbar{display:none}.story-tray.placeholder{height:100px}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:66px;flex-shrink:0}.story-name{font-size:12px;line-height:16px;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.story-name.muted{color:var(--text-2)}.story-me{position:relative}.story-me>.avatar:not(.avatar-ring){margin:4px}.story-add{position:absolute;right:0;bottom:0;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center}.story-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;color:#fff;font-size:12px;font-weight:600}.tray-arrow{position:absolute;top:36px;width:24px;height:24px;border-radius:50%;background:#fffffff2;color:#000;display:none;align-items:center;justify-content:center;box-shadow:0 0 5px #00000040}.tray-arrow.left{left:6px}.tray-arrow.right{right:6px}@media (min-width: 768px) and (pointer: fine){.tray-arrow{display:flex}}.post-card{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:12px}@media (min-width: 768px){.post-card{margin-bottom:20px;padding-bottom:20px}}.post-head{display:flex;align-items:center;gap:10px;padding:8px 4px 8px 12px}@media (min-width: 768px){.post-head{padding:0 0 12px 4px}}.post-head-text{flex:1;min-width:0}.post-head-text .username{white-space:nowrap}.post-location{font-size:12px;line-height:16px}.post-media{overflow:hidden;background:#000}@media (min-width: 768px){.post-media{border:1px solid var(--border);border-radius:4px}}.post-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0;position:relative}@media (min-width: 768px){.post-actions{padding:4px 0 0;margin-left:-8px;margin-right:-8px}}.post-actions-left{display:flex}.like-btn.liked{animation:like-pop .45s ease}@keyframes like-pop{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}to{transform:scale(1)}}.post-body{padding:0 12px;display:flex;flex-direction:column;gap:6px}@media (min-width: 768px){.post-body{padding:0}}.like-line{text-align:left}.caption{word-break:break-word}.view-comments{text-align:left}.inline-comment{display:flex;align-items:center;gap:8px}.inline-comment input{flex:1;border:0;outline:0;background:none;padding:4px 0}.inline-comment input::placeholder{color:var(--text-2)}.carousel{position:relative;width:100%;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}.carousel-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.carousel-slide img{width:100%;height:100%}.video-wrap{position:relative;width:100%;height:100%}.video-wrap video{width:100%;height:100%;object-fit:cover}.mute-btn{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;background:#262626cc;color:#fff;display:flex;align-items:center;justify-content:center}.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#fffc;color:#262626;display:none;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 4px #00000026}.car-btn.left{left:8px}.car-btn.right{right:8px}@media (hover: hover) and (pointer: fine){.car-btn{display:flex}}.car-count{position:absolute;top:14px;right:14px;background:#121212b3;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;display:none}@media (max-width: 767px){.car-count{display:block}}.car-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:4px;pointer-events:none}.car-dots .dot{background:#fff6}.car-dots .dot.on{background:#fff}.dots-inline{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:4px}.dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .2s}.dot.on{background:var(--blue)}.big-heart{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.big-heart svg{filter:drop-shadow(0 0 20px rgba(0,0,0,.3));animation:big-heart .9s ease forwards}.big-heart svg{fill:#fff;stroke:#fff}@keyframes big-heart{0%{transform:scale(0);opacity:0}15%{transform:scale(1.2);opacity:1}30%{transform:scale(.95)}45%,80%{transform:scale(1);opacity:1}to{transform:scale(.2) translateY(-40px);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .1s}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg-elev);border-radius:12px;max-height:calc(100vh - 40px);width:100%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;animation:pop .15s ease-out}@keyframes pop{0%{transform:scale(1.1);opacity:0}}.modal-x{position:fixed;top:10px;right:10px;color:#fff;padding:8px;z-index:201}.modal-head{display:flex;align-items:center;height:43px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-head h1{flex:1;text-align:center;font-size:16px;font-weight:700}.modal-head-side{width:64px;display:flex;padding-left:8px}.modal-head-side.right{justify-content:flex-end;padding:0 4px 0 0}.sheet{max-width:400px}.sheet-item{min-height:48px;padding:4px 8px;border-top:1px solid var(--border);font-size:14px}.sheet-item:first-child{border-top:0}.sheet-item.danger{color:var(--red)}.sheet-item.bold{font-weight:700}.sheet-item:active{background:var(--bg-hover)}.confirm-text{padding:32px 32px 16px;text-align:center}.confirm-text h3{font-size:20px;font-weight:400;line-height:25px}.confirm-text p{color:var(--text-2);margin-top:4px}.confirm-text+.sheet-item{border-top:1px solid var(--border)}.list-modal{height:400px}.list-body{overflow-y:auto;flex:1;padding:8px 0}.list-search{padding:8px 16px}.user-row{display:flex;align-items:center;gap:12px;padding:8px 16px;min-width:0;text-align:left;width:100%}.user-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.user-row-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-side .user-row,.feed-sugg .user-row{padding-left:0;padding-right:0}.share-modal{max-width:548px;height:min(70vh,640px)}.picker{flex:1;display:flex;flex-direction:column;min-height:0}.picker-search{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border)}.picker-search input{flex:1;min-width:120px;border:0;outline:0;background:none;padding:8px 4px}.chip{background:#e0f1ff;color:var(--blue);border-radius:12px;padding:4px 10px;font-weight:600}.picker-list{flex:1;overflow-y:auto;padding:8px 0}.user-row.pick:hover{background:var(--bg-hover)}.check{width:24px;height:24px;border-radius:50%;border:2px solid var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.check.on{background:var(--blue);border-color:var(--blue);color:#fff}.share-foot{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.plain-input{border:0;outline:0;background:none;padding:12px 16px;width:100%;border-top:1px solid var(--border)}.share-foot .plain-input{border:0;padding:8px 0}.post-modal{max-width:min(1300px,calc(100vw - 128px));width:auto;border-radius:4px;max-height:calc(100vh - 48px)}.post-detail{display:flex;height:min(calc(100vh - 48px),900px);background:var(--bg)}.post-detail-media{flex:1 1 auto;min-width:0;max-width:calc(min(calc(100vh - 48px),900px)*1);background:#000;display:flex;align-items:center;aspect-ratio:auto}.post-detail-media .carousel{aspect-ratio:auto!important;height:100%}.post-detail-media .carousel-slide img,.post-detail-media .video-wrap video{object-fit:contain}.post-detail-side{width:405px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);min-height:0}.post-detail-side .post-head{padding:14px 4px 14px 16px;border-bottom:1px solid var(--border)}.post-detail-foot{border-top:1px solid var(--border);padding:6px 16px 12px}.post-detail-foot .post-actions{margin:0 -8px;padding:0}.time-line{text-transform:none}.post-page{max-width:935px;margin:0 auto}@media (min-width: 768px){.post-page{padding:24px 20px}.post-page .post-detail{border:1px solid var(--border);height:min(600px,calc(100vh - 100px))}}@media (max-width: 767px){.post-page .post-card{border-bottom:0}}.more-posts{border-top:1px solid var(--border);margin-top:48px;padding-top:40px}.more-posts h3{font-size:14px;font-weight:600;margin:0 12px 20px}.comments-scroll{flex:1;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:16px;min-height:0}.comment{display:flex;gap:14px;align-items:flex-start;position:relative}.comment-main{flex:1;min-width:0}.comment-text{word-break:break-word}.comment-meta{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;line-height:16px;color:var(--text-2)}.comment-meta .link-btn{color:var(--text-2)}.comment-more{padding:0;opacity:0}.comment:hover .comment-more{opacity:1}@media (hover: none){.comment-more{opacity:1}}.comment-like{padding:4px;margin-top:6px}.thread{display:flex;flex-direction:column;gap:12px}.replies{margin-left:46px;display:flex;flex-direction:column;gap:14px}.replies-toggle{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600}.replies-toggle .line{width:24px;border-top:1px solid var(--text-2)}.no-comments{text-align:center;margin:auto;padding:40px 0}.no-comments h2{font-size:24px;font-weight:700;line-height:30px}.no-comments p{margin-top:8px}.comment-form{display:flex;align-items:center;gap:12px;padding:6px 16px;border-top:1px solid var(--border);position:relative;min-height:53px}.comment-form textarea{flex:1;border:0;outline:0;background:none;resize:none;max-height:80px;padding:8px 0}.emoji-btn{padding:4px;font-size:22px}.emoji-pop{position:absolute;bottom:52px;left:12px;background:var(--bg-elev);border-radius:12px;box-shadow:0 4px 16px #0003;padding:8px;display:flex;gap:4px}.emoji-pop button{font-size:24px;padding:4px}.comments-page{display:flex;flex-direction:column;height:100vh;height:100dvh}.comments-page .comment-form{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.comments-modal{max-width:500px;height:min(80vh,700px)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}@media (min-width: 768px){.post-grid{gap:4px}}.grid-item{position:relative;aspect-ratio:1;overflow:hidden;background:var(--sep)}.post-grid.tall .grid-item{aspect-ratio:9 / 16}.grid-item img{width:100%;height:100%;object-fit:cover}.grid-badge{position:absolute;top:8px;right:8px;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}.grid-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;color:#fff;font-weight:700;font-size:16px;display:none;align-items:center;justify-content:center;gap:28px}.grid-hover span{display:flex;align-items:center;gap:6px}@media (hover: hover) and (pointer: fine){.grid-item:hover .grid-hover{display:flex}}.post-grid.explore .grid-item:nth-child(10n+3),.post-grid.explore .grid-item:nth-child(10n+6){grid-row:span 2;aspect-ratio:auto}.explore{max-width:975px;margin:0 auto}@media (min-width: 768px){.explore{padding:24px 20px}}.mobile-search-bar{position:sticky;top:0;z-index:30;background:var(--bg);padding:8px 16px;display:flex}@media (min-width: 768px){.mobile-search-bar{display:none}}.mobile-search-bar .search-box{margin:0}.mobile-search-bar .search-results{position:fixed;left:0;right:0;top:56px;bottom:50px;overflow-y:auto;background:var(--bg)}.cancel-search{padding:0 4px}.search-input{width:100%;height:40px;border:0;outline:0;border-radius:8px;background:var(--btn-gray);padding:0 16px;font-size:16px}@media (min-width: 768px){.search-input{font-size:14px}}.search-box{display:flex;flex-direction:column;min-height:0;flex:1}.side-panel .search-box .search-field{padding:0 16px 24px;border-bottom:1px solid var(--border)}.search-field{position:relative}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#c7c7c7;color:#fff;font-size:10px}.side-panel .search-clear{top:20px;right:28px}.search-results{overflow-y:auto;flex:1;padding:8px 0}.search-recent-head{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 8px}.search-recent-head h3{font-size:16px;font-weight:700}.search-row{display:flex;align-items:center;padding-right:16px}.search-row:hover{background:var(--bg-hover)}.search-row .user-row{padding:8px 24px}.tag-circle{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tag-head{display:flex;align-items:center;gap:24px;padding:16px}@media (min-width: 768px){.tag-head{gap:50px;padding:0 0 44px}}.tag-avatar{width:77px;height:77px;border-radius:50%;overflow:hidden;background:var(--sep);display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}@media (min-width: 768px){.tag-avatar{width:152px;height:152px}}.tag-avatar img{width:100%;height:100%;object-fit:cover}.tag-head h1{font-size:24px;font-weight:400;line-height:30px;margin-bottom:8px}.grid-title{padding:0 12px 12px;font-weight:600}.narrow-page{max-width:600px;margin:0 auto}.notif-group{font-size:16px;font-weight:700;padding:16px 24px 8px}.notif-list section{border-bottom:1px solid var(--border);padding-bottom:8px}.notif{display:flex;align-items:center;gap:12px;padding:8px 24px}.notif:hover{background:var(--bg-hover)}.notif-text{flex:1;min-width:0;word-break:break-word}.notif-thumb img{width:44px;height:44px;object-fit:cover;border-radius:4px}@media (max-width: 767px){.notif,.notif-group{padding-left:16px;padding-right:16px}}.profile{max-width:935px;margin:0 auto}@media (min-width: 768px){.profile{padding:30px 20px 0}}.profile-head{display:flex;align-items:center;gap:24px;padding:16px 16px 0}@media (min-width: 768px){.profile-head{align-items:flex-start;gap:0;padding:0 0 44px}}.profile-avatar{display:flex;justify-content:center;flex-shrink:0}@media (min-width: 768px){.profile-avatar{width:291px;margin-right:30px}}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.profile-row1{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.profile-names{display:flex;flex-direction:column;min-width:0;max-width:100%}.profile-username{font-size:20px;font-weight:600;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile-handle{color:var(--text-2);font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-buttons{display:flex;gap:8px;flex-wrap:wrap}.profile-counts{list-style:none;padding:0;margin:0;display:flex;gap:40px;font-size:16px}.profile-counts .n{font-weight:600}.profile-bio{display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-word}.profile-link{color:var(--link);font-weight:600}.mutual{margin-top:8px}@media (max-width: 767px){.profile-info{gap:8px}.profile-username{font-size:18px;font-weight:600}.profile-counts{gap:0;justify-content:space-between;max-width:260px;font-size:14px}.profile-counts li,.profile-counts button{display:flex;flex-direction:column;align-items:flex-start;line-height:18px}.profile-counts .n{font-size:16px}.profile-under{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}.profile-under .profile-buttons{flex-wrap:nowrap}.profile-under .profile-buttons>*{flex:1}}.profile-tabs{display:flex;justify-content:center;gap:60px;border-top:1px solid var(--border)}.profile-tabs a,.tab-disabled{display:flex;align-items:center;gap:6px;height:52px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-2);border-top:1px solid transparent;margin-top:-1px}.tab-disabled{opacity:.4}.profile-tabs a.active{color:var(--text);border-top-color:var(--text)}@media (max-width: 767px){.profile-tabs{gap:0;justify-content:space-around}.profile-tabs a,.tab-disabled{height:44px;flex:1;justify-content:center}.profile-tabs span{display:none}.profile-tabs svg{width:24px;height:24px}.profile-tabs a.active{border-top-color:transparent;color:var(--blue)}}.settings{max-width:700px;margin:0 auto;padding:0 16px 40px}@media (min-width: 768px){.settings{padding:0 48px 60px}}.settings-card{display:flex;align-items:center;gap:16px;background:var(--btn-gray);border-radius:20px;padding:16px;margin:16px 0 32px}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-form label{display:flex;flex-direction:column;gap:8px}.settings-form label>span{font-weight:700;font-size:16px}.settings-form input,.settings-form textarea{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg);outline:0;resize:vertical}.settings-form input:focus,.settings-form textarea:focus{border-color:var(--text-2)}.settings-form .btn{align-self:flex-end;height:44px;padding:0 48px}.settings-sub{font-size:16px;font-weight:700;margin:48px 0 20px}.pw-warn{color:var(--red);font-size:12px}.settings-logout{margin-top:48px;width:100%;height:44px}.create-modal{max-width:min(calc(100vh - 160px),760px);min-width:min(348px,100%);border-radius:12px}.create-modal.wide{max-width:min(calc(100vh + 180px),1100px)}.create-head{display:flex;align-items:center;height:43px;border-bottom:1px solid var(--border);flex-shrink:0}.create-head h1{flex:1;text-align:center;font-size:16px;font-weight:600}.create-head-side{width:80px;display:flex;padding-left:4px}.create-head-side.right{justify-content:flex-end;padding:0 16px 0 0}.create-select{aspect-ratio:1;max-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.create-select p{font-size:20px;line-height:25px}.create-select.over{background:var(--bg-hover)}.done-check{width:96px;height:96px;border-radius:50%;background:var(--story-grad);color:#fff;display:flex;align-items:center;justify-content:center}.create-body{display:flex;min-height:0}.create-stage{position:relative;flex:1 1 auto;aspect-ratio:1;max-height:calc(100vh - 160px);max-width:calc(100vh - 160px);background:var(--btn-gray);display:flex;align-items:center;justify-content:center;overflow:hidden}.crop-frame{position:relative;overflow:hidden;max-width:100%;max-height:100%;width:100%;touch-action:none;cursor:grab;background:#000}.crop-frame:active{cursor:grabbing}.crop-frame img,.crop-frame video{position:absolute;max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:33.333% 33.333%;background-position:-1px -1px;border:1px solid rgba(255,255,255,.5)}.crop-tools{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:flex-end}.crop-tools-left{display:flex;gap:12px}.round-tool{width:32px;height:32px;border-radius:50%;background:#1a1a1acc;color:#fff;display:flex;align-items:center;justify-content:center}.round-tool.on{background:#fff;color:#000}.tool-pop{position:absolute;bottom:44px;left:0;background:#1a1a1acc;border-radius:8px;overflow:hidden;color:#fff}.tool-pop-item{display:block;width:100%;padding:12px 20px;text-align:left;color:#a8a8a8;font-weight:600;border-top:1px solid rgba(255,255,255,.15)}.tool-pop-item:first-child{border-top:0}.tool-pop-item.on{color:#fff}.tool-pop.zoom{padding:12px 16px;width:140px}.tool-pop.zoom input{width:100%;accent-color:#fff}.tool-pop.gallery{left:auto;right:0;display:flex;gap:8px;padding:12px;max-width:min(520px,80vw);overflow-x:auto}.gal-item{position:relative;width:94px;height:94px;flex-shrink:0;cursor:pointer;opacity:.6}.gal-item.on{opacity:1}.gal-item img,.gal-item video{width:100%;height:100%;object-fit:cover}.gal-x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#1a1a1acc;color:#fff;font-size:10px}.gal-add{width:48px;height:48px;margin:auto 0;border-radius:50%;border:1px solid #555;color:#a8a8a8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-side{width:340px;flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 160px)}.tabs-2{display:flex;border-bottom:1px solid var(--border)}.tabs-2 button{flex:1;height:44px;font-weight:600;color:var(--text-2);border-bottom:1px solid transparent}.tabs-2 button.on{color:var(--text);border-bottom-color:var(--text)}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;padding:16px}.filter-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.filter-item img{width:88px;height:88px;object-fit:cover;border-radius:2px;border:2px solid transparent}.filter-item.on{color:var(--blue);font-weight:600}.filter-item.on img{border-color:var(--blue)}.adjust-list{padding:16px;display:flex;flex-direction:column;gap:24px}.adjust-row{display:flex;flex-direction:column;gap:12px}.adjust-head{display:flex;justify-content:space-between;font-size:16px}.adjust-slider{display:flex;align-items:center;gap:12px}.adjust-slider input{flex:1;accent-color:var(--text)}.adjust-slider span{width:32px;text-align:right;font-size:12px}.caption-input{border:0;outline:0;resize:none;background:none;padding:0 16px;min-height:168px;font-size:16px;line-height:22px}.location-row{display:flex;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-right:16px;margin-top:12px}.location-row .plain-input{border-top:0}@media (max-width: 767px){.create-modal,.create-modal.wide{max-width:none;width:100%;height:100%;max-height:none;border-radius:0}.modal-backdrop:has(.create-modal){padding:0}.create-body{flex-direction:column;overflow-y:auto;flex:1}.create-stage{max-width:none;max-height:none;width:100%}.create-side{width:100%;border-left:0;max-height:none}.create-select{aspect-ratio:auto;flex:1;max-height:none}.create-modal~.modal-x,.modal-backdrop:has(.create-modal)>.modal-x{display:none}}.edit-post-modal{max-width:900px}.edit-post-body{display:flex;min-height:0;flex:1}.edit-post-media{flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:320px;max-height:70vh}.edit-post-media img,.edit-post-media video{max-width:100%;max-height:70vh;object-fit:contain}.edit-post-form{width:340px;display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.edit-post-form .btn{margin:8px 16px 0;width:auto}@media (max-width: 767px){.edit-post-body{flex-direction:column;overflow-y:auto}.edit-post-form{width:100%}.edit-post-media{min-height:200px;max-height:40vh}}.reels{height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}@media (max-width: 767px){.reels{height:calc(100dvh - 50px - env(safe-area-inset-bottom));background:#000}}.reel{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:16px 0;position:relative}@media (max-width: 767px){.reel{padding:0}}.reel-video{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100%;background:#000;border-radius:8px;overflow:hidden;cursor:pointer}@media (max-width: 767px){.reel-video{width:100%;aspect-ratio:auto;border-radius:0}}.reel-video video{width:100%;height:100%;object-fit:cover}.reel-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9;pointer-events:none}.reel-mute{top:16px;bottom:auto;right:16px}.reel-info{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 20px;color:#fff;background:linear-gradient(transparent,#00000080);cursor:default}.reel-info .username{color:#fff}.reel-info .btn-blue,.reel-info .btn-gray{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;height:28px;padding:0 10px}.reel-caption{margin-top:10px;max-height:18px;overflow:hidden;cursor:pointer;white-space:pre-wrap}.reel-caption.open{max-height:40vh;overflow-y:auto}.reel-caption .tag-link{color:#fff;font-weight:600}.reel-actions{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:8px}@media (max-width: 767px){.reel-actions{position:absolute;right:8px;bottom:90px;color:#fff}.reel-actions .icon-btn,.reel-act{color:#fff}}.reel-act{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600}.reel-act:hover{opacity:.6}.reel-owner img,.reel-owner{border-radius:6px!important}.reel-sentinel{height:1px}.reel-empty{height:100%;justify-content:center}@media (max-width: 767px){.reel-empty{color:#fff}}.direct{display:flex;height:100vh;height:100dvh}@media (max-width: 767px){.direct{height:calc(100dvh - 50px - env(safe-area-inset-bottom));flex-direction:column}.direct.has-thread{height:100dvh}}.inbox{width:397px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}@media (max-width: 767px){.inbox{width:100%;border-right:0;flex:1}.direct.has-thread .inbox{display:none}.inbox-head{display:none!important}}@media (min-width: 768px) and (max-width: 1263px){.inbox{width:108px}.inbox-head h2,.inbox-sub,.inbox-text{display:none!important}.inbox-item{justify-content:center}}.inbox-head{display:flex;align-items:center;justify-content:space-between;padding:36px 24px 12px}.inbox-head h2{font-size:20px;font-weight:700}.inbox-sub{padding:14px 24px 10px;font-size:16px}.inbox-list{flex:1;overflow-y:auto}.inbox-item{display:flex;align-items:center;gap:12px;padding:8px 24px;position:relative}.inbox-item:hover{background:var(--bg-hover)}.inbox-item.active{background:var(--btn-gray)}.inbox-text{flex:1;min-width:0;display:flex;flex-direction:column}.inbox-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-preview{display:flex;color:var(--text-2);font-size:12px;min-width:0}.inbox-item.unread .inbox-name,.inbox-item.unread .inbox-preview{font-weight:700;color:var(--text)}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}.thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.thread-empty h2{font-size:20px;font-weight:400}@media (max-width: 767px){.thread-empty{display:none}}.thread{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.thread-head{display:flex;align-items:center;gap:12px;height:75px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}@media (max-width: 767px){.thread-head{height:56px;padding:0 8px}.thread-head .avatar img{width:32px!important;height:32px!important}}.thread-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:2px}.thread-intro{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 0 40px}.thread-intro h3{font-size:20px;font-weight:600;margin-top:12px}.thread-intro .btn{margin-top:16px}.msg-time{text-align:center;color:var(--text-2);font-size:12px;margin:16px 0 8px}.msg{display:flex;align-items:flex-end;gap:8px;margin-top:2px}.msg.mine{justify-content:flex-end}.msg-avatar{width:28px;flex-shrink:0}.msg-content{max-width:min(70%,420px);display:flex;flex-direction:column;gap:4px}.msg.mine .msg-content{align-items:flex-end}.msg-bubble{padding:8px 12px;border-radius:22px;background:var(--bubble-theirs);white-space:pre-wrap;word-break:break-word;line-height:20px;font-size:15px}.msg.mine .msg-bubble{background:#3797f0;color:#fff}.msg-bubble.emoji,.msg.mine .msg-bubble.emoji{background:none;font-size:36px;line-height:44px;padding:0}.msg-image{max-width:240px;max-height:320px;border-radius:18px;object-fit:cover;cursor:pointer}.msg-story{display:flex;flex-direction:column;gap:4px}.msg-story img,.msg-story video{width:120px;height:200px;object-fit:cover;border-radius:12px}.msg-story-expired{padding:12px;border-radius:12px;border:1px solid var(--border);color:var(--text-2);font-size:12px}.msg-seen{text-align:right;color:var(--text-2);font-size:12px;margin-top:4px}.shared-post{width:236px;border-radius:18px;overflow:hidden;background:var(--bubble-theirs);text-align:left}.shared-post img{width:100%;aspect-ratio:1;object-fit:cover}.shared-caption{padding:8px 12px;font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.thread-input{display:flex;align-items:center;gap:8px;margin:16px;padding:0 8px 0 14px;min-height:44px;border:1px solid var(--border);border-radius:22px}@media (max-width: 767px){.thread-input{margin:8px 12px calc(8px + env(safe-area-inset-bottom))}}.thread-input-emoji{font-size:20px}.thread-input textarea{flex:1;border:0;outline:0;resize:none;background:none;padding:10px 0;max-height:100px;font-size:15px}.thread-input .link-btn{padding:0 8px}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a;color:#fff;z-index:300;display:flex;align-items:center;justify-content:center}.story-logo{position:absolute;top:18px;left:20px;color:#fff}.story-logo .logo{font-size:30px;color:#fff}.story-close{position:absolute;top:12px;right:12px;color:#fff;padding:8px;z-index:5}.story-stage-wrap{display:flex;align-items:center;gap:20px;height:100%;padding:16px 0}.story-stage{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100vw;background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 767px){.story-stage-wrap{padding:0;width:100%}.story-stage{width:100%;aspect-ratio:auto;border-radius:0}.story-close{top:22px}}.story-bars{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:3}.story-bar{flex:1;height:2px;background:#ffffff59;border-radius:1px;overflow:hidden}.story-bar div{height:100%;background:#fff}.story-top{position:absolute;top:18px;left:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:3;text-shadow:0 0 4px rgba(0,0,0,.4)}.story-top .icon-btn{color:#fff;padding:4px}@media (max-width: 767px){.story-top{right:48px}}.story-time{color:#ffffffbf}.story-media{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.story-media img,.story-media video{width:100%;height:100%;object-fit:contain}.story-media:before{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(rgba(0,0,0,.4),transparent);pointer-events:none;z-index:1}.story-reply{display:flex;align-items:center;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.story-reply input{flex:1;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.6);background:none;color:#fff;padding:0 16px;outline:0}.story-reply input::placeholder{color:#fffc}.story-reply .icon-btn,.story-reply .link-btn{color:#fff}.story-viewers-btn{display:flex;align-items:center;gap:6px;padding:16px;color:#fff;font-weight:600}.story-nav{width:28px;height:28px;border-radius:50%;background:#ffffffd9;color:#000;display:flex!important;align-items:center;justify-content:center}@media (max-width: 767px){.story-nav{display:none!important}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.auth-col{width:100%;max-width:350px;display:flex;flex-direction:column;gap:10px}.auth-card{border:1px solid var(--border);padding:40px 40px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-card .logo{font-size:48px;margin:4px 0 24px}.auth-card.small{padding:20px;display:block}@media (max-width: 450px){.auth-card{border:0;padding:24px 8px}}.auth-sub{color:var(--text-2);font-size:16px;font-weight:600;line-height:20px;margin:-12px 0 12px}.auth-form{width:100%;display:flex;flex-direction:column;gap:6px}.auth-form .btn{margin-top:10px}.auth-field{position:relative;display:block;height:38px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);text-align:left}.auth-field span{position:absolute;left:8px;top:10px;font-size:12px;color:var(--text-2);pointer-events:none;transition:all .1s}.auth-field.filled span{top:3px;font-size:10px;line-height:12px}.auth-field input{width:100%;height:100%;border:0;outline:0;background:none;padding:9px 8px 7px;font-size:12px}.auth-field.filled input{padding:14px 0 2px 8px}.auth-field:has(.auth-show) input{padding-right:90px}.auth-show{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-weight:600;font-size:13px}.auth-error{color:var(--red);font-size:14px;margin-top:8px}.auth-footer{margin-top:40px;color:var(--text-2);font-size:12px}.settings-list{display:flex;flex-direction:column;gap:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-note{line-height:20px}.push-kinds{display:flex;flex-direction:column;gap:14px;padding-left:12px}.settings-install{height:44px;width:100%}.switch{position:relative;width:44px;height:26px;border-radius:13px;background:var(--border);flex-shrink:0;transition:background .2s}.switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch.on{background:var(--text)}.switch.on span{transform:translate(18px)}.push-banner{display:flex;align-items:center;gap:12px;margin:0 12px 16px;padding:12px 8px 12px 16px;border:1px solid var(--border);border-radius:12px}@media (min-width: 768px){.push-banner{margin:0 0 20px}}.push-banner-text{flex:1;min-width:0;display:flex;flex-direction:column}.avatar-ring.close{background:#1cd14f}.private-notice{border-top:1px solid var(--border);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.private-notice h2{font-size:16px;font-weight:600}.lock-circle{width:62px;height:62px;border:2px solid var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-counts button:disabled{opacity:1;cursor:default}.mute-body{padding:8px 20px 20px;display:flex;flex-direction:column;gap:16px;text-align:left}.mute-row{display:flex;align-items:center;justify-content:space-between;font-size:16px}.settings-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 0;font-size:15px}.cf-check.on{background:#1cd14f;border-color:#1cd14f}.follow-requests{border-bottom:1px solid var(--border);padding:8px 0}.follow-req-head{width:100%;text-align:left}.req-count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ff3040;color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}.notif .btn-sm+.btn-sm{margin-left:-4px}.story-cf{background:#1cd14f;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.story-share{max-width:360px;background:#000}.story-share-preview{aspect-ratio:9 / 16;max-height:60vh;display:flex;align-items:center;justify-content:center;background:#000}.story-share-preview img,.story-share-preview video{width:100%;height:100%;object-fit:contain}.story-share-actions{display:flex;gap:8px;padding:12px;background:#000}.story-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:22px;background:#fff;color:#000;font-weight:600}.story-share-dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.story-share-dot.mine{background:var(--story-grad)}.story-share-dot.close{background:#1cd14f}