*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#fff;background:#06070b;font-family:Inter,system-ui,sans-serif}.app{background:#06070b;justify-content:center;width:100%;min-height:100vh;display:flex}.phone{background:#0d0e13;width:100%;max-width:430px;min-height:100vh;padding-bottom:140px;position:relative;overflow:visible}@media (width<=430px){.phone{max-width:100%}}.content{min-height:100%;padding-bottom:120px}.header{background:#1d2739;border-bottom-right-radius:18px;border-bottom-left-radius:18px;justify-content:space-between;align-items:flex-start;padding:16px 18px 14px;display:flex}.header-left{flex:1;min-width:0}.logo{white-space:nowrap;color:#fff;margin:0;font-size:27px;font-weight:700;line-height:1}.tagline{color:#9aa0aa;margin-top:5px;font-size:12px;line-height:1.2}.mode-btn{color:#fff;white-space:nowrap;background:#16181f;border:1px solid #2b2f39;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;margin-left:18px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.mode-btn:hover{background:#20242d}.composer{background:#14161c;border:1px solid #242833;border-radius:18px;align-items:center;gap:12px;margin:12px 16px;padding:10px 12px;display:flex}.composer-avatar{background:radial-gradient(circle at 35% 30%,#fff 0%,#d9d9df 25%,#8e9099 55%,#2f3138 100%);border:2px solid #0b0c10;border-radius:50%;flex-shrink:0;width:44px;height:44px}.composer-input{color:#8e94a1;text-align:left;cursor:pointer;background:#101217;border:1px solid #2d3240;border-radius:14px;flex:1;height:44px;padding:0 16px;font-size:15px}.stories{scrollbar-width:none;gap:18px;padding:6px 16px 18px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{display:none}.story{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.story span{color:#b6bcc8;margin-top:8px;font-size:12px}.story-ring{background:linear-gradient(135deg,#b46cff,#6f4cff);border-radius:50%;width:66px;height:66px;padding:3px}.story-avatar{background:radial-gradient(circle at 35% 30%,#d7d7d7,#555,#222);border:2px solid #111;border-radius:50%;width:100%;height:100%}.story-add{color:#fff;background:#181b22;border:2px dashed #434a59;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:28px;font-weight:300;display:flex}.post-card{box-shadow:none;background:#111319;border:none;border-bottom:8px solid #0a0c10;margin:0;padding:22px 0 0;overflow:hidden}.post-header{justify-content:space-between;align-items:flex-start;padding:0 20px 14px;display:flex}.post-user{flex:1;align-items:flex-start;gap:16px;display:flex}.post-avatar{background:radial-gradient(circle,#ececec,#8a8a8a,#2f3137);border:2px solid #262d39;border-radius:50%;flex-shrink:0;width:50px;height:50px}.post-user-info{flex-direction:column;display:flex}.post-name-row{align-items:center;gap:6px;display:flex}.post-name-row h4{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.verified{color:#59a9ff}.post-user-info p{color:#8d95a3;letter-spacing:.2px;margin-top:4px;font-size:13.5px}.icon-btn{color:#b8bec8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-btn:hover{background:#232937}.post-text{color:#f3f6fb;padding:0 20px 18px;font-size:16px;line-height:1.75}.post-media{aspect-ratio:4/5;background:radial-gradient(circle at 0 0,#34415a,#0000 40%),linear-gradient(135deg,#1b2230,#0d1015);width:100%}.post-stats{color:#98a3b6;border-bottom:1px solid #262b38;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;display:flex}.post-actions{grid-template-columns:repeat(3,1fr);padding:6px 10px 12px;display:grid}.post-actions button{color:#d5d9e2;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.photo-grid{background:#0f1117;width:100%;display:grid;overflow:hidden}.photo-grid.two{grid-template-columns:1fr 1fr;gap:2px}.photo{object-fit:cover;cursor:pointer;width:100%;height:100%;min-height:340px;transition:transform .35s,filter .35s;display:block}.post-media.video,.post-media.reel{background:#000;position:relative;overflow:hidden}.post-media.video .photo{aspect-ratio:16/9;min-height:auto}.post-media.reel .photo{aspect-ratio:9/16;max-height:640px;margin:auto}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:hover{background:#0009;transform:translate(-50%,-50%)scale(1.08)}.duration{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700;position:absolute;bottom:14px;right:14px}.photo-grid.one{display:block}.photo-grid.one .photo{width:100%;min-height:520px}.photo-grid.three{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:2px;display:grid}.photo-grid.three .big{grid-row:1/span 2;min-height:520px}.photo-grid.three .photo:not(.big){min-height:259px}.photo-grid.four{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid}.photo-grid.four .photo{min-height:260px}.photo-grid{background:#0d0f15;border-radius:18px;overflow:hidden}.photo{transition:transform .35s,filter .35s}.photo:hover{filter:brightness(1.06);transform:scale(1.03)}.media-viewer{z-index:5000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000eb;justify-content:center;align-items:center;animation:.22s viewerFade;display:flex;position:fixed;inset:0}.viewer-image{object-fit:contain;border-radius:18px;max-width:96vw;max-height:92vh;box-shadow:0 30px 90px #0000008c}.viewer-close,.viewer-prev,.viewer-next{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:48px;transition:all .25s;display:flex;position:absolute}.viewer-close:hover,.viewer-prev:hover,.viewer-next:hover{background:#ffffff38;transform:scale(1.08)}.viewer-close{top:24px;right:24px}.viewer-prev{top:50%;left:20px;transform:translateY(-50%)}.viewer-next{top:50%;right:20px;transform:translateY(-50%)}.viewer-counter{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;background:#ffffff1f;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;position:fixed;bottom:120px;left:auto;right:16px;transform:none}@keyframes viewerFade{0%{opacity:0}to{opacity:1}}.post-actions{grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 16px 16px;display:grid}.post-actions button{color:#c3cad5;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:52px;font-size:12px;font-weight:600;transition:background .25s,color .25s,transform .18s;display:flex;position:relative;overflow:hidden}.post-actions button:hover{background:#212835}.post-actions button:active{transform:scale(.95)}.post-actions button svg{transition:transform .25s,fill .25s,color .25s}.post-actions button:hover svg{transform:translateY(-2px)scale(1.08)}.active-action.like-action{color:#ff4d6d}.active-action.save-action{color:#5aa9ff}.active-action svg{transform:scale(1.12)}.post-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:relative;overflow:visible}.post-actions>button,.post-actions>.reaction-anchor{transition:opacity .18s,transform .18s}.action-hidden{opacity:0;pointer-events:auto;background:0 0;inset:0;transform:none}.reaction-anchor{position:relative}.reaction-current{justify-content:center;width:22px;margin-right:6px;display:inline-flex}.reaction-overlay{z-index:999999;pointer-events:auto;top:0;left:0;background:0 0;position:fixed;inset:0;transform:none}.reaction-overlay-panel{transform-origin:0;pointer-events:auto;animation:.18s cubic-bezier(.2,.9,.2,1) reactionOpen}@keyframes reactionOpen{0%{opacity:0;transform-origin:0;transform:translateY(10px)scaleX(.15)scaleY(.75)}60%{opacity:1;transform-origin:0;transform:translateY(-2px)scaleX(1.04)scaleY(1.03)}to{opacity:1;transform-origin:0;transform:translateY(0)scaleX(1)scaleY(1)}}.reaction-picker{white-space:nowrap;background:#20242d;border:1px solid #ffffff14;border-radius:999px;align-items:flex-end;gap:6px;width:max-content;padding:6px 4px 6px 6px;display:inline-flex;box-shadow:0 12px 32px #00000061}.reaction-bubble{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;transition:transform .14s cubic-bezier(.2,.9,.2,1),margin .14s cubic-bezier(.2,.9,.2,1),filter .14s;display:flex}.reaction-bubble span{pointer-events:auto;background:0 0;inset:0;transform:none}.reaction-bubble.active{filter:drop-shadow(0 12px 18px #00000059);z-index:20;transform:translateY(-20px)scale(1.55)}.reaction-bubble.active+.reaction-bubble{transform:translate(10px)}.reaction-bubble:has(+.reaction-bubble.active){transform:translate(-10px)}.like-bounce{animation:.22s likeBounce}@keyframes likeBounce{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.post-actions,.post-actions *,.reaction-overlay,.reaction-overlay *,.reaction-picker,.reaction-bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.action-bubble{width:48px;height:48px;margin:auto;transition:transform .18s,background .18s;background:#20242d!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0!important;display:flex!important}.action-bubble:hover{background:#2b313d!important}.action-bubble:active{transform:scale(.92)}.reaction-anchor>.action-bubble{width:48px;height:48px}.reaction-current{width:auto!important;margin:0!important}@keyframes reactionBubbleSpawn{0%{opacity:0;transform:translate(-14px)translateY(10px)scale(.35)}70%{opacity:1;transform:translate(2px)translateY(-2px)scale(1.08)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}.reaction-overlay-panel .reaction-bubble{opacity:0;animation:.22s forwards reactionBubbleSpawn}.reaction-overlay-panel .reaction-bubble:first-child{animation-delay:0s}.reaction-overlay-panel .reaction-bubble:nth-child(2){animation-delay:25ms}.reaction-overlay-panel .reaction-bubble:nth-child(3){animation-delay:50ms}.reaction-overlay-panel .reaction-bubble:nth-child(4){animation-delay:75ms}.reaction-overlay-panel .reaction-bubble:nth-child(5){animation-delay:.1s}.reaction-overlay-panel .reaction-bubble:nth-child(6){animation-delay:.125s}.reaction-flight{z-index:99999;pointer-events:none;will-change:left,top,transform;font-size:30px;line-height:1;position:fixed;top:0;left:0}.reaction-flight-active{display:block}.reaction-flight{pointer-events:none;z-index:99999;position:fixed}.reaction-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:42px;height:42px;display:block}.reaction-flight-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:56px;height:56px;display:block}.reaction-image,.reaction-flight-image{object-fit:contain;width:52px!important;height:52px!important}.reaction-picker{box-sizing:border-box;gap:-18px!important;max-width:calc(100vw - 24px)!important;padding:8px 14px!important;overflow:visible!important}.reaction-bubble{flex:0 0 56px;overflow:visible!important}.reaction-image{object-fit:contain;pointer-events:none;margin:-20px;width:96px!important;height:96px!important}.reaction-flight-image{object-fit:contain;margin:-20px;width:96px!important;height:96px!important}.reaction-image{width:104px!important;height:104px!important;margin:-24px!important}.reaction-bubble:first-child .reaction-image,.reaction-bubble:nth-child(2) .reaction-image{width:114px!important;height:114px!important;margin:-29px!important}.reaction-flight-image{width:104px!important;height:104px!important;margin:-24px!important}.reaction-bubble:first-child .reaction-image{width:124px!important;height:124px!important;margin:-34px!important}.reaction-picker{gap:10px!important}.reaction-picker .reaction-bubble:last-child{margin-left:-12px!important}.reaction-picker .reaction-bubble:last-child .reaction-image{margin-left:-6px!important}.reaction-picker{padding-left:2px!important;padding-right:18px!important}.reaction-picker .reaction-bubble{transform:translate(-8px)}.reaction-picker .reaction-bubble.active{transform:translate(-8px)translateY(-20px)scale(1.55)}.reaction-current-image{object-fit:contain;pointer-events:none;width:40px;height:40px;display:block}.action-bubble.like-action{overflow:visible!important}.action-bubble.like-action{box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.reaction-current-image{object-fit:contain;pointer-events:none;display:block;width:104px!important;height:104px!important;margin:-28px!important}.action-bubble.like-action .reaction-current-image{transform:translateY(8px)}.bottom-nav{z-index:1000;background:#171a21;border:1px solid #2b313d;border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;bottom:14px;left:16px;right:16px;box-shadow:0 20px 45px #00000073,inset 0 1px #ffffff08}.nav-item{color:#9aa3b2;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:10px;min-width:0;height:54px;transition:all .3s;display:flex}.nav-item svg{flex-shrink:0}.nav-item span{display:none}.nav-item.active{color:#fff;background:#434d62;flex:none;justify-content:center;min-width:150px}.nav-item.active span{white-space:nowrap;font-size:14px;font-weight:600;display:inline}.nav-item:active{transform:scale(.96)}.bottom-nav{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s}.bottom-nav.hide-nav{opacity:0;pointer-events:none;transform:translateY(120%)}.scroll-top{color:#fff;opacity:0;pointer-events:none;z-index:999;background:#394354;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:88px;right:20px;transform:translateY(20px)scale(.9);box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0d}.scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top:active{transform:scale(.94)}.fab{color:#fff;cursor:pointer;z-index:1002;background:#3d475b;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s,opacity .25s;display:flex;position:fixed;bottom:150px;right:20px;box-shadow:0 14px 34px #0000006b,inset 0 1px #ffffff0f}.fab:hover{background:#4a566d}.fab:active{transform:scale(.93)}.fab.open{background:#4a566d}.fab-panel{transform-origin:100% 100%;opacity:0;pointer-events:none;z-index:1001;background:#181b22f5;border:1px solid #313847;border-radius:28px;width:290px;padding:12px;transition:all .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:154px;right:20px;transform:translateY(25px)scale(.94);box-shadow:0 24px 60px #00000073}.fab-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.fab-option{color:#eef1f6;cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:space-between;align-items:center;width:100%;margin:2px 0;padding:14px 16px;font-size:15px;font-weight:500;transition:background .25s,transform .25s;display:flex}.fab-option:hover{background:#2b3240}.fab-option:active{transform:scale(.98)}.fab-option svg{opacity:.8}.fab{bottom:88px;overflow:hidden}.fab.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.fab.hide{opacity:0;pointer-events:none;transform:translateY(18px)scale(.9)}.fab.menu-open{background:#4b566b;transform:scale(1.06)}.fab.menu-open:active{transform:scale(.96)}.lightbox{z-index:9999;background:#000;display:block;position:fixed;inset:0;overflow:hidden}.lightbox-top{z-index:100;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.lightbox-image-area{justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox-image-track{display:block;position:absolute;inset:0}.lightbox-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox-info{color:#fff;z-index:50;background:linear-gradient(#0000,#000000d1);padding:16px;position:fixed;bottom:72px;left:0;right:0}.lightbox-actions{height:72px;padding-bottom:env(safe-area-inset-bottom);z-index:200;background:#000;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.lightbox-actions button{color:#fff;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.lightbox{z-index:9999;background:#000;position:fixed;inset:0;overflow:hidden}.lightbox-image-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(-36px)}.lightbox-image-track{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lightbox-image{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lightbox-top{height:72px;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;z-index:20;-webkit-backdrop-filter:blur(16px);background:linear-gradient(#0000008c,#0000);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.lightbox-btn{color:#fff;background:#ffffff1f;border:none;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lightbox-header-user{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.lightbox-header-avatar{background:#444;border-radius:50%;flex:none;width:42px;height:42px}.lightbox-header-text{color:#fff;flex:1;min-width:0}.lightbox-header-name{align-items:center;gap:6px;font-weight:700;display:flex}.lightbox-header-time{opacity:.75;font-size:12px}.lightbox-info{z-index:20;color:#fff;background:linear-gradient(#0000,#0000002e 45%,#00000073 75%,#000000b8 100%);padding:16px;position:absolute;bottom:72px;left:0;right:0}.lightbox-caption{margin:0 0 10px;line-height:1.45}.lightbox-stats{opacity:.9;justify-content:space-between;font-size:13px;display:flex}.lightbox-actions button{color:#fff;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.show-ui{opacity:1}.hide-ui{opacity:0;pointer-events:none}.lightbox-actions{-webkit-backdrop-filter:blur(18px);width:100vw!important;height:72px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 8px)!important;z-index:999999!important;background:#121212f7!important;border-top:1px solid #ffffff14!important;margin:0!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.viewer-counter-overlay{opacity:1;transition:opacity .25s}.viewer-counter-overlay.show-ui{opacity:1;pointer-events:auto}.viewer-counter-overlay.hide-ui{opacity:0;pointer-events:none}.lightbox-image{will-change:transform,opacity;animation:.22s cubic-bezier(.22,.61,.36,1) viewerImageSlideFade}@keyframes viewerImageSlideFade{0%{opacity:.45;transform:translate(-50%,-50%)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lightbox-actions .post-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}