:root{--bg: #000;--bg-secondary: #121212;--bg-card: #1a1a1a;--border: #262626;--text: #fafafa;--text-secondary: #a8a8a8;--text-tertiary: #737373;--blue: #0095f6;--red: #ed4956;--gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{background:none;border:none;cursor:pointer;color:inherit;font:inherit}input{background:none;border:none;color:inherit;font:inherit;outline:none}img{display:block;max-width:100%}.app{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:60px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:100;border-bottom:1px solid var(--border)}.app-logo{font-family:Segoe Script,Dancing Script,cursive;font-size:1.6rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:16px}.header-btn svg{width:24px;height:24px}.stories-bar{display:flex;gap:16px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:68px}.story-ring{width:66px;height:66px;border-radius:50%;padding:3px;background:var(--border);position:relative}.story-ring.has-new{background:var(--gradient)}.story-ring.your-story{background:var(--border);border:2px dashed var(--text-tertiary)}.story-avatar{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);object-fit:cover}.story-add{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.story-username{font-size:.7rem;color:var(--text-secondary);max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a;z-index:1000;display:flex;flex-direction:column;cursor:pointer}.story-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:absolute;top:0;left:0;right:0;z-index:10}.story-viewer-user{display:flex;align-items:center;gap:8px}.story-viewer-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.story-viewer-name{font-weight:600;font-size:.9rem}.story-viewer-time{color:var(--text-tertiary);font-size:.85rem}.story-close{font-size:28px;color:#fff}.story-progress{position:absolute;top:8px;left:12px;right:12px;height:2px;background:#ffffff4d;border-radius:2px;z-index:10}.story-progress-fill{width:0;height:100%;background:#fff;border-radius:2px;animation:storyProgress 5s linear forwards}@keyframes storyProgress{to{width:100%}}.story-image{width:100%;height:100%;object-fit:cover}.post-card{border-bottom:1px solid var(--border)}.post-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.post-user{display:flex;align-items:center;gap:10px}.post-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-username{font-weight:600;font-size:.85rem}.post-more{font-size:1.2rem;font-weight:800;letter-spacing:1px}.post-image-wrap{position:relative;background:var(--bg-secondary);aspect-ratio:1;overflow:hidden}.post-image{width:100%;height:100%;object-fit:cover}.post-heart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.heart-big{width:80px;height:80px;animation:heartPop .8s ease-out forwards}@keyframes heartPop{0%{transform:scale(0);opacity:1}15%{transform:scale(1.2);opacity:1}30%{transform:scale(.95);opacity:1}45%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.post-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.post-actions-left{display:flex;gap:14px}.action-btn{display:flex;align-items:center}.action-btn svg{width:24px;height:24px}.action-btn.liked{color:var(--red)}.action-btn.saved{color:var(--text)}.post-info{padding:0 12px 6px}.post-likes{font-weight:600;font-size:.85rem;display:block;margin-bottom:4px}.post-caption{font-size:.85rem;line-height:1.4;margin-bottom:4px}.post-caption .post-username{margin-right:4px}.post-view-comments{color:var(--text-tertiary);font-size:.85rem;display:block;margin-bottom:4px}.post-comments-list{margin-bottom:4px}.post-comment{font-size:.85rem;line-height:1.4;margin-bottom:2px}.post-time{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.post-add-comment{display:flex;align-items:center;padding:8px 12px;border-top:1px solid var(--border);gap:8px}.post-add-comment input{flex:1;font-size:.85rem;padding:4px 0}.post-add-comment input::placeholder{color:var(--text-tertiary)}.post-comment-btn{color:var(--blue);font-weight:600;font-size:.85rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:8px 0 12px;background:var(--bg);border-top:1px solid var(--border);z-index:100}.nav-btn{padding:6px 12px;display:flex;align-items:center;justify-content:center}.nav-btn svg{width:26px;height:26px}.nav-btn.active{color:var(--text)}.explore-page{padding-bottom:60px}.explore-search{display:flex;align-items:center;gap:10px;padding:10px 16px;position:sticky;top:0;background:var(--bg);z-index:10}.search-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.explore-search-input{flex:1;background:var(--bg-card);border-radius:10px;padding:8px 12px;font-size:.9rem}.explore-search-input::placeholder{color:var(--text-tertiary)}.search-cancel{color:var(--text);font-size:.85rem;white-space:nowrap}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.explore-item{aspect-ratio:1;overflow:hidden;position:relative}.explore-item img{width:100%;height:100%;object-fit:cover}.explore-item-large{grid-column:span 2;grid-row:span 2}.explore-video-icon{position:absolute;top:8px;right:8px}.explore-video-icon svg{width:20px;height:20px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.explore-suggestions{padding:8px 0}.explore-suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px}.search-icon-sm{width:16px;height:16px;color:var(--text-tertiary)}.explore-suggestion-item span{font-size:.9rem}.reels-page{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.reels-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:10}.reels-header h2{font-size:1.3rem;font-weight:700}.reels-camera svg{width:24px;height:24px}.reels-scroll{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-scroll::-webkit-scrollbar{display:none}.reel-card{position:relative;height:calc(100vh - 110px);scroll-snap-align:start;overflow:hidden}.reel-thumbnail{width:100%;height:100%;object-fit:cover}.reel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#000000b3);pointer-events:none}.reel-bottom{position:absolute;bottom:16px;left:12px;right:70px}.reel-user-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reel-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.reel-username{font-weight:600;font-size:.85rem}.reel-follow-btn{border:1px solid white;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600;color:#fff}.reel-caption{font-size:.85rem;margin-bottom:6px}.reel-music{display:flex;align-items:center;gap:6px;font-size:.8rem}.music-icon{width:14px;height:14px}.reel-actions{position:absolute;bottom:20px;right:10px;display:flex;flex-direction:column;align-items:center;gap:16px}.reel-action-btn svg{width:28px;height:28px}.reel-action-btn.liked{color:var(--red)}.reel-views{font-size:.7rem;color:var(--text-secondary);writing-mode:horizontal-tb}.profile-page{padding-bottom:60px}.profile-header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:10}.profile-username-header{font-size:1.2rem;font-weight:700}.profile-header-actions{display:flex;gap:16px}.profile-header-btn svg{width:24px;height:24px}.profile-info{display:flex;align-items:center;padding:12px 16px;gap:24px}.profile-avatar-ring{width:80px;height:80px;border-radius:50%;padding:3px;background:var(--gradient);flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);object-fit:cover}.profile-stats{display:flex;flex:1;justify-content:space-around}.profile-stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-weight:700;font-size:1rem}.stat-label{font-size:.8rem;color:var(--text-secondary)}.profile-bio{padding:0 16px 12px}.profile-display-name{font-weight:600;font-size:.85rem;display:block;margin-bottom:2px}.profile-bio-text{font-size:.85rem;line-height:1.4;white-space:pre-line}.profile-actions-row{display:flex;gap:8px;padding:0 16px 12px}.profile-edit-btn{flex:1;background:var(--bg-card);border-radius:8px;padding:7px 0;font-weight:600;font-size:.85rem}.profile-share-btn{background:var(--bg-card);border-radius:8px;padding:7px 10px;display:flex;align-items:center}.profile-share-btn svg{width:18px;height:18px}.profile-highlights{display:flex;gap:16px;padding:8px 16px 12px;overflow-x:auto;scrollbar-width:none}.profile-highlights::-webkit-scrollbar{display:none}.highlight-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.highlight-circle{width:60px;height:60px;border-radius:50%;border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.highlight-circle img{width:100%;height:100%;object-fit:cover}.highlight-add{background:var(--bg-card)}.highlight-add svg{width:24px;height:24px;color:var(--text-secondary)}.highlight-label{font-size:.7rem;color:var(--text-secondary)}.profile-tabs{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-tab{flex:1;padding:10px 0;display:flex;align-items:center;justify-content:center;opacity:.5;border-bottom:2px solid transparent}.profile-tab.active{opacity:1;border-bottom-color:var(--text)}.profile-tab svg{width:24px;height:24px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.profile-grid-item{aspect-ratio:1;overflow:hidden}.profile-grid-item img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.profile-grid-item img:hover{opacity:.85}.feed{padding-bottom:8px}