:root{--bg-page:#f5f6fa;--bg-app:#f9f9fb;--card-bg:#fff;--border-color:#f1f1f5;--text-main:#1e1b4b;--text-body:#4f46e5;--text-dark:#111;--text-muted:#8e8e93;--brand-violet:#6366f1;--brand-violet-light:#6366f11a;--brand-violet-active:#4f46e5;--story-ring-gradient:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #959da514;--shadow-lg:0 16px 36px #6366f11f;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .35s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-dark);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.app-shell{background:var(--bg-app);border:1px solid var(--border-color);flex-direction:column;width:430px;max-width:100vw;height:920px;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}@media (width<=500px){body{background:var(--bg-app)}.app-shell{width:100vw;height:100vh;box-shadow:none;border:none}}.app-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.header-avatar{border:1.5px solid var(--border-color);cursor:pointer;background:var(--bg-page);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;overflow:hidden}.header-title{color:var(--brand-violet-active);letter-spacing:-.5px;font-size:22px;font-weight:800}.header-icon{color:#333;cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.header-icon:hover{background:var(--bg-page)}.app-content{scrollbar-width:thin;scrollbar-color:#6366f140 transparent;flex-direction:column;flex-grow:1;gap:16px;padding:16px 16px 90px;display:flex;overflow-y:auto}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:0 0}.app-content::-webkit-scrollbar-thumb{transition:var(--transition-smooth);background:#6366f140;border-radius:10px}.app-content::-webkit-scrollbar-thumb:hover{background:#6366f173}.stories-container{scrollbar-width:none;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:16px;padding:8px 4px 12px;display:flex;overflow-x:auto}.stories-container::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.story-ring{background:var(--border-color);width:64px;height:64px;transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.story-item:hover .story-ring{transform:scale(1.05)}.story-ring.active-gradient{background:var(--story-ring-gradient)}.story-ring.active-blue{background:var(--brand-violet)}.story-avatar{background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;display:flex;overflow:hidden}.story-avatar img{object-fit:cover;width:100%;height:100%}.story-name{color:var(--text-dark);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11px;font-weight:500;overflow:hidden}.floating-plus-btn{background:var(--brand-violet);color:#fff;cursor:pointer;z-index:99;width:56px;height:56px;transition:var(--transition-bounce);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 8px 20px #6366f166}.floating-plus-btn:hover{background:var(--brand-violet-active);transform:scale(1.1)translateY(-2px);box-shadow:0 10px 24px #6366f180}.floating-plus-btn:active{transform:scale(.95)}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-around;align-items:center;height:70px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-dark);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--brand-violet-active)}.bottom-nav-item.active .nav-pill{background:var(--brand-violet-light);color:var(--brand-violet-active)}.nav-pill{transition:var(--transition-smooth);border-radius:20px;justify-content:center;align-items:center;padding:4px 16px;display:flex}.bottom-nav-item:hover .nav-pill{background:#6366f10d}.pulse-toast-notification{color:#fff;z-index:1000;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:none;background:#1e1b4bf2;border-radius:30px;width:max-content;max-width:90%;padding:10px 20px;font-size:12px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUpFade;position:absolute;bottom:85px;left:50%;transform:translate(-50%)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.auth-panel{flex-direction:column;justify-content:center;height:100%;padding:30px 20px;display:flex}.auth-panel h2{color:var(--brand-violet-active);text-align:center;margin-bottom:8px;font-size:26px;font-weight:800}.auth-panel p{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:13px}.avatar-grid-3{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px;display:grid}.avatar-grid-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-page);cursor:pointer;height:44px;transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:24px;display:flex}.avatar-grid-btn.active{border-color:var(--brand-violet);background:var(--brand-violet-light)}.seed-logins-row{flex-direction:column;gap:8px;margin-top:16px;display:flex}.seed-login-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#fff;align-items:center;gap:12px;padding:10px;display:flex}.seed-login-item:hover{background:var(--bg-page);border-color:var(--brand-violet)}.create-post-overlay{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:16px;padding:20px;display:flex}.post-type-selector{gap:10px;margin-bottom:8px;display:flex}.post-type-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-page);color:var(--text-dark);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);flex:1;padding:8px;font-size:13px;font-weight:600}.post-type-btn.active{background:var(--brand-violet-light);border-color:var(--brand-violet);color:var(--brand-violet-active)}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700}.pulse-input{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);font-family:var(--font-sans);transition:var(--transition-smooth);padding:12px 14px;font-size:14px}.pulse-input:focus{border-color:var(--brand-violet);background:#fff;outline:none}.pulse-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition-smooth);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.pulse-card:hover{box-shadow:var(--shadow-md)}.card-header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.author-section{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--bg-page);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-meta{flex-direction:column;display:flex}.author-name{color:var(--text-dark);font-size:14px;font-weight:700}.post-time{color:var(--text-muted);margin-top:1px;font-size:11px}.post-menu{color:var(--text-muted);cursor:pointer;padding:4px}.post-caption{color:var(--text-dark);padding:0 16px 14px;font-size:14px;line-height:1.5}.post-caption .hashtag{color:var(--brand-violet-active);cursor:pointer;font-weight:500}.card-image-wrapper{width:100%;max-height:360px;display:flex;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%}.quote-card-body{border-radius:var(--radius-sm);text-align:center;background:#6366f114;margin:0 16px 10px;padding:24px}.quote-text{color:var(--brand-violet-active);font-size:15px;font-style:italic;font-weight:600;line-height:1.6}.image-collage-grid{grid-template-columns:1fr 1fr;gap:6px;height:300px;padding:0 16px 10px;display:grid}.collage-item{border-radius:var(--radius-sm);display:flex;position:relative;overflow:hidden}.collage-item img{object-fit:cover;width:100%;height:100%}.collage-item.large{grid-row:span 2}.collage-overlay{color:#fff;background:#00000073;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.card-actions-row{border-top:1px solid var(--border-color);align-items:center;gap:20px;padding:12px 16px;display:flex}.pulse-action-btn{color:var(--text-dark);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.pulse-action-btn:hover{transform:scale(1.05)}.pulse-action-btn.liked{color:#dc2743}.pulse-action-btn.liked svg{fill:#dc2743;stroke:#dc2743}.pulse-action-btn.share-btn{margin-left:auto}.pulse-comments-box{border-top:1px solid var(--border-color);background:#fafafc;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.pulse-comment-list{scrollbar-width:none;flex-direction:column;gap:8px;max-height:180px;display:flex;overflow-y:auto}.pulse-comment-list::-webkit-scrollbar{display:none}.pulse-comment-item{align-items:flex-start;gap:8px;font-size:13px;display:flex}.comment-author-name{color:var(--text-dark);font-weight:700}.comment-body-text{color:#333}.pulse-comment-form{gap:8px;margin-top:4px;display:flex}.pulse-comment-input{border:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-dark);background:#fff;border-radius:20px;flex-grow:1;padding:8px 14px;font-size:13px}.pulse-comment-input:focus{border-color:var(--brand-violet);outline:none}.pulse-comment-send{background:var(--brand-violet);color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pulse-comment-send:hover{background:var(--brand-violet-active)}.post-menu-container{position:relative}.post-menu-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:150;flex-direction:column;width:140px;padding:6px 0;animation:.2s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;position:absolute;top:30px;right:0}.post-menu-item{font-family:var(--font-sans);text-align:left;color:var(--text-dark);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.post-menu-item:hover{background:var(--bg-page);color:var(--brand-violet-active)}.post-menu-item.danger{color:#dc2743}.post-menu-item.danger:hover{background:#dc27430d}.profile-stats-card{align-items:center;gap:20px;padding:20px;display:flex}.profile-avatar-large{background:var(--bg-page);border:2px solid var(--brand-violet);width:80px;height:80px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:44px;display:flex}.profile-details{flex-grow:1}.profile-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.profile-name{color:var(--text-dark);font-size:20px;font-weight:800}.profile-bio{color:var(--text-muted);margin-bottom:12px;font-size:13px;line-height:1.4}.pulse-stat-grid{gap:24px;margin-top:4px;display:flex}.pulse-stat-box{flex-direction:column;display:flex}.pulse-stat-num{color:var(--text-dark);font-size:16px;font-weight:800}.pulse-stat-lbl{color:var(--text-muted);text-transform:uppercase;font-size:11px}.pulse-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pulse-modal-body{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;display:flex}.modal-title{color:var(--text-dark);font-size:18px;font-weight:800}.modal-actions-row{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.pulse-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;padding:10px 16px;font-size:13px;font-weight:700}.pulse-btn-primary{background:var(--brand-violet);color:#fff}.pulse-btn-primary:hover{background:var(--brand-violet-active)}.pulse-btn-secondary{background:var(--bg-page);color:var(--text-dark)}.pulse-btn-secondary:hover{background:#e2e2e9}