@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.bottom-navigation{position:fixed;bottom:0;left:0;right:0;height:64px;background:linear-gradient(180deg,#121212f2,#0c0c0cfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;padding:0 8px;border-top:1px solid rgba(255,255,255,.08);z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#ffffff80;padding:8px 16px;border-radius:12px;transition:all .2s ease;min-width:56px}.nav-item:hover{color:#fffc;background:#ffffff0d}.nav-item.active{color:#8b5cf6}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.nav-label{font-size:10px;margin-top:4px;font-weight:500}.nav-item.center-item{position:relative;padding:0}.nav-item.center-item .camera-icon{width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #8b5cf666;transition:all .2s ease}.nav-item.center-item:hover .camera-icon{transform:scale(1.05);box-shadow:0 6px 25px #8b5cf680}.nav-item.center-item .camera-icon svg{color:#fff}.nav-item.center-item.active .camera-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.landing-page{min-height:100vh;background:#0a0a0a;color:#fff;overflow-x:hidden;position:relative}.landing-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);top:-200px;right:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#059669);bottom:10%;left:-100px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#f59e0b,#d97706);top:50%;right:20%;animation-delay:-10s;opacity:.3}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.05)}50%{transform:translate(-20px,50px) scale(.95)}75%{transform:translate(-40px,-20px) scale(1.02)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}.landing-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo .logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-cta{padding:10px 24px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:100px;font-weight:600;font-size:14px;transition:all .3s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 60px 60px;position:relative;z-index:1;gap:60px;opacity:0;transform:translateY(30px);transition:all 1s ease}.hero-section.visible{opacity:1;transform:translateY(0)}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:100px;font-size:13px;color:#a78bfa;margin-bottom:24px}.badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px}.title-line{display:block}.gradient-text{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-alt{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;line-height:1.7;color:#ffffffb3;margin-bottom:40px}.hero-actions{display:flex;gap:16px}.cta-primary{display:flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:100px;font-weight:600;font-size:16px;transition:all .3s ease}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf666}.cta-secondary{padding:16px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-weight:600;font-size:16px;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.visual-container{position:relative;width:300px;height:600px}.phone-mockup{width:100%;height:100%;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-radius:40px;border:3px solid rgba(255,255,255,.1);padding:12px;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff0d}.phone-screen{width:100%;height:100%;background:#121212;border-radius:30px;overflow:hidden;padding:20px}.screen-content{display:flex;flex-direction:column;gap:16px}.mock-header{display:flex;align-items:center;gap:12px}.mock-avatar{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%}.mock-text{flex:1;height:12px;background:#ffffff1a;border-radius:6px}.mock-image{height:350px;background:linear-gradient(180deg,#1e1e1e,#2a2a2a);border-radius:16px;position:relative;overflow:hidden}.mock-image:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(139,92,246,.1) 45%,rgba(139,92,246,.1) 55%,transparent 60%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.raw-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:12px;font-weight:600}.mock-actions{display:flex;gap:12px}.mock-button{width:40px;height:40px;background:#ffffff0d;border-radius:50%}.floating-card{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;font-weight:500;animation:floatCard 4s ease-in-out infinite}.card-1{top:20%;left:-60px;animation-delay:0s}.card-2{bottom:25%;right:-40px;animation-delay:-2s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-icon{font-size:18px}.features-section{padding:100px 60px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:40px;font-weight:700;margin-bottom:16px}.section-header p{font-size:18px;color:#fff9}.features-showcase{max-width:900px;margin:0 auto}.features-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.feature-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-weight:500;transition:all .3s ease}.feature-tab:hover{background:#ffffff1a}.feature-tab.active{background:var(--accent-color);border-color:var(--accent-color)}.tab-icon{font-size:20px}.feature-detail{display:flex;justify-content:center}.feature-card{padding:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;text-align:center;max-width:500px;transition:all .5s ease}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--accent-color)}.feature-subtitle{font-size:18px;font-weight:500;margin-bottom:16px;color:#fffc}.feature-description{font-size:16px;line-height:1.7;color:#fff9}.vision-section{padding:100px 60px;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%)}.vision-content{max-width:800px;margin:0 auto;text-align:center}.vision-content h2{font-size:40px;font-weight:700;margin-bottom:32px}.vision-content blockquote{font-size:24px;font-style:italic;line-height:1.6;color:#fffc;margin-bottom:48px;position:relative;padding:0 40px}.vision-content blockquote:before,.vision-content blockquote:after{content:'"';font-size:80px;color:#8b5cf64d;position:absolute;font-family:Georgia,serif}.vision-content blockquote:before{top:-20px;left:0}.vision-content blockquote:after{bottom:-60px;right:0}.vision-stats{display:flex;justify-content:center;gap:60px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.cta-section{padding:100px 60px;position:relative;z-index:1}.cta-content{max-width:600px;margin:0 auto;text-align:center}.cta-content h2{font-size:40px;font-weight:700;margin-bottom:16px}.cta-content p{font-size:18px;color:#fff9;margin-bottom:32px}.cta-large{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:100px;font-weight:600;font-size:18px;transition:all .3s ease}.cta-large:hover{transform:translateY(-4px);box-shadow:0 20px 50px #8b5cf680}.landing-footer{padding:60px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.footer-content{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center}.footer-logo .logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo p{font-size:14px;color:#ffffff80;margin-top:8px}.footer-links{display:flex;gap:32px}.footer-links a{color:#fff9;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{font-size:14px;color:#fff6}@media(max-width:900px){.hero-section{flex-direction:column;padding:100px 24px 60px;text-align:center}.hero-actions{justify-content:center}.hero-visual{display:none}.features-section,.vision-section,.cta-section{padding:60px 24px}.landing-nav{padding:16px 24px}.features-tabs{flex-wrap:wrap}.vision-stats{flex-direction:column;gap:32px}.footer-content{flex-direction:column;gap:32px;text-align:center}}.story-bar{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.story-list{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;scrollbar-width:none}.story-list::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex-shrink:0}.story-avatar{width:56px;height:56px;border-radius:50%;padding:2px;background:var(--accent-gradient)}.story-avatar img,.story-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg-secondary)}.story-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-weight:600;font-size:var(--font-size-lg)}.story-username{font-size:var(--font-size-xs);color:var(--text-secondary);max-width:64px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.story-loading{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.story-skeleton{width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.story-empty{padding:var(--spacing-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.feed-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.feed-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.feed-card-user{display:flex;align-items:center;gap:var(--spacing-sm)}.feed-card-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.feed-card-avatar img,.feed-card-avatar-placeholder{width:100%;height:100%;object-fit:cover}.feed-card-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);font-weight:600;font-size:var(--font-size-md)}.feed-card-user-info{display:flex;flex-direction:column}.feed-card-username{font-weight:600;font-size:var(--font-size-sm)}.feed-card-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.feed-card-menu{padding:var(--spacing-xs);color:var(--text-secondary);border-radius:var(--radius-full);transition:background .2s}.feed-card-menu:hover{background:#ffffff1a}.feed-card-media{position:relative;aspect-ratio:1;background:var(--bg-tertiary)}.feed-card-media img,.feed-card-media video{width:100%;height:100%;object-fit:cover}.feed-card-type{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.feed-card-type.raw{background:linear-gradient(135deg,#10b981,#059669)}.feed-card-type.link{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.feed-card-actions{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.feed-card-action{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);transition:color .2s}.feed-card-action:hover{color:var(--text-primary)}.feed-card-action.liked{color:#ef4444}.feed-card-action.liked svg{animation:likeAnimation .3s ease}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.feed-card-views{margin-left:auto;color:var(--text-tertiary)}.feed-card-caption{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.feed-card-caption .feed-card-username{color:var(--text-primary);margin-right:var(--spacing-xs)}.feed-page .page-content{padding:var(--spacing-md)}.refresh-indicator{display:flex;justify-content:center;padding:var(--spacing-md)}.feed-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.feed-skeleton{height:400px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.feed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-secondary)}.feed-error button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);font-weight:500}.feed-page .empty-state small{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.gallery-page .page-header{gap:var(--spacing-sm)}.upload-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff}.gallery-item{position:relative;aspect-ratio:1;background:var(--bg-tertiary);cursor:pointer;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.gallery-item:hover img{transform:scale(1.05)}.video-indicator{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:4px;background:#0009;border-radius:var(--radius-sm);color:#fff}.content-badge{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.content-badge.raw{background:linear-gradient(135deg,#10b981,#059669)}.content-badge.link{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.gallery-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.gallery-skeleton{aspect-ratio:1;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-md)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;width:100%;text-align:center}.modal-content h2{margin-bottom:var(--spacing-lg)}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.upload-dropzone:hover{border-color:var(--accent-primary);background:#8b5cf60d}.upload-dropzone p{font-weight:500}.upload-dropzone small{font-size:var(--font-size-sm);color:var(--text-tertiary)}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.modal-close{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);border-radius:var(--radius-full)}.modal-close:hover{background:#ffffff1a}.detail-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;position:relative}.detail-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;color:#fff;z-index:1}.detail-media{width:100%;max-height:60vh;background:#000}.detail-media img,.detail-media video{width:100%;height:100%;object-fit:contain}.detail-info{padding:var(--spacing-md)}.detail-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.delete-button{width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-md);background:#ef44441a;color:var(--error);border-radius:var(--radius-md);font-weight:500}.delete-button:hover{background:#ef444433}.gallery-page .empty-state small{color:var(--text-tertiary)}.camera-page{background:#000;display:flex;flex-direction:column}.camera-top-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md);z-index:10}.camera-control{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;color:#fff;font-weight:600;font-size:var(--font-size-lg)}.camera-control.active{background:var(--accent-primary)}.camera-viewport{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-viewport video{width:100%;height:100%;object-fit:cover}.camera-viewport video.mirrored{transform:scaleX(-1)}.camera-permission-denied,.camera-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:#fff;text-align:center}.camera-permission-denied button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);margin-top:var(--spacing-md)}.camera-grid{position:absolute;inset:0;pointer-events:none}.grid-line{position:absolute;background:#ffffff4d}.grid-line.horizontal{left:0;right:0;height:1px}.grid-line.horizontal:first-child{top:33.33%}.grid-line.horizontal:nth-child(2){top:66.66%}.grid-line.vertical{top:0;bottom:0;width:1px}.grid-line.vertical:nth-child(3){left:33.33%}.grid-line.vertical:nth-child(4){left:66.66%}.recording-indicator{position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ef4444e6;border-radius:var(--radius-full);color:#fff;font-weight:600;z-index:11}.recording-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.camera-bottom-controls{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + var(--bottom-nav-height));background:#000c}.camera-gallery,.camera-switch{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fff}.capture-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.capture-button{width:72px;height:72px;padding:0;background:none}.capture-outer{width:100%;height:100%;border-radius:50%;border:4px solid white;padding:4px;transition:all .2s}.capture-inner{width:100%;height:100%;border-radius:50%;background:#fff;transition:all .2s}.capture-inner.recording{border-radius:8px;background:#ef4444;transform:scale(.6)}.capture-hint{color:#ffffff80;font-size:var(--font-size-xs)}.preview-mode{background:#000}.preview-container{flex:1;display:flex;align-items:center;justify-content:center}.preview-container img,.preview-container video{max-width:100%;max-height:100%;object-fit:contain}.preview-actions{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--bottom-nav-height));background:#000c}.preview-discard,.preview-save{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);color:#fff;border-radius:var(--radius-lg);min-width:100px}.preview-discard{background:#ffffff1a}.preview-save{background:var(--accent-gradient)}.preview-save:disabled{opacity:.5}.spinner.small{width:24px;height:24px;border-width:2px}.messages-page .empty-state small{color:var(--text-tertiary)}.thread-list{display:flex;flex-direction:column}.thread-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.thread-item:hover{background:var(--bg-secondary)}.thread-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.thread-avatar img,.thread-avatar-placeholder{width:100%;height:100%;object-fit:cover}.thread-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);font-weight:600;font-size:var(--font-size-lg)}.thread-info{flex:1;display:flex;flex-direction:column;min-width:0}.thread-username{font-weight:600}.thread-preview{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-unread{min-width:20px;height:20px;padding:0 6px;background:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center}.chat-view .page-header{gap:var(--spacing-sm)}.chat-header-info{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.chat-avatar img,.chat-avatar-placeholder{width:100%;height:100%;object-fit:cover}.chat-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);font-weight:600}.chat-username{font-weight:600}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.messages-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.message-bubble{max-width:75%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);position:relative}.message-bubble.mine{align-self:flex-end;background:var(--accent-primary)}.message-bubble.theirs{align-self:flex-start;background:var(--bg-secondary)}.message-bubble p{margin:0}.message-time{font-size:var(--font-size-xs);color:#fff9;display:block;text-align:right;margin-top:var(--spacing-xs)}.message-bubble.theirs .message-time{color:var(--text-tertiary)}.message-input-form{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.message-input-form input{flex:1;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md)}.message-input-form input::placeholder{color:var(--text-tertiary)}.message-input-form button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;color:#fff}.message-input-form button:disabled{opacity:.5}.search-page .page-header{gap:var(--spacing-sm)}.back-button{padding:var(--spacing-xs);color:var(--text-secondary);border-radius:var(--radius-full)}.back-button:hover{background:#ffffff1a;color:var(--text-primary)}.search-form{flex:1;display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm)}.search-form input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm);outline:none}.search-form input::placeholder{color:var(--text-tertiary)}.search-form button{padding:var(--spacing-sm);color:var(--text-secondary);border-radius:var(--radius-full)}.search-form button:hover{color:var(--accent-primary)}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-secondary)}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-tertiary)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg)}.result-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.result-avatar img,.result-avatar-placeholder{width:100%;height:100%;object-fit:cover}.result-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);font-weight:600;font-size:var(--font-size-lg)}.result-info{flex:1;display:flex;flex-direction:column}.result-name{font-weight:600}.result-stats{font-size:var(--font-size-sm);color:var(--text-secondary)}.follow-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);font-weight:500;font-size:var(--font-size-sm)}.follow-button:hover{opacity:.9}.ai-edit-page .page-header{gap:var(--spacing-sm)}.ai-section{margin-bottom:var(--spacing-lg)}.ai-section h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.image-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);transition:all .2s}.image-selector:hover{border-color:var(--accent-primary);background:#8b5cf60d}.source-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden}.source-preview img{width:100%;max-height:300px;object-fit:contain;background:var(--bg-secondary)}.change-image{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#000000b3;color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm)}.ai-section textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);resize:none}.ai-section textarea::placeholder{color:var(--text-tertiary)}.ai-section textarea:focus{outline:none;border-color:var(--accent-primary)}.ai-error{padding:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--spacing-md)}.ai-status{padding:var(--spacing-md);background:#8b5cf61a;border-radius:var(--radius-md);color:var(--accent-primary);margin-bottom:var(--spacing-md)}.generated-preview img{width:100%;border-radius:var(--radius-lg)}.generated-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.generated-actions button{flex:1;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500}.generate-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-lg);margin-top:var(--spacing-lg)}.generate-button:disabled{opacity:.5}.admin-page .page-header{gap:var(--spacing-sm)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-tertiary);text-align:center}.admin-error{padding:var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--spacing-md)}.settings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.setting-label{font-weight:500;flex:1}.setting-item input{width:150px;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:right}.setting-item input:focus{outline:none;border-color:var(--accent-primary)}.setting-toggle{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm)}.setting-toggle.active{background:var(--accent-primary);color:#fff}.save-button{width:100%;padding:var(--spacing-md);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-lg);font-weight:600;margin-top:var(--spacing-lg)}.save-button:disabled{opacity:.5}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--accent-primary: #8B5CF6;--accent-secondary: #6D28D9;--accent-gradient: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 20px rgba(139, 92, 246, .4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--header-height: 56px;--bottom-nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-md);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app{height:100%;display:flex;flex-direction:column}.main-content{flex:1;overflow:hidden;padding-bottom:var(--bottom-nav-height)}.main-content.no-padding{padding-bottom:0;overflow:auto}.page{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary)}.page-header{height:var(--header-height);padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.page-header h1{font-size:var(--font-size-xl);font-weight:600}.page-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.search-button,.settings-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-secondary);transition:all .2s ease}.search-button:hover,.settings-button:hover{background:#ffffff1a;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-tertiary);text-align:center;gap:var(--spacing-md)}.empty-state svg{opacity:.5}.story-bar{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.story-placeholder{color:var(--text-tertiary);text-align:center;padding:var(--spacing-md)}.feed-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.camera-page{background:#000}.camera-viewport{flex:1;display:flex;align-items:center;justify-content:center}.camera-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary)}.camera-placeholder svg{opacity:.5}.camera-placeholder small{font-size:var(--font-size-sm)}.camera-controls{height:120px;display:flex;align-items:center;justify-content:center;background:#000c}.capture-button{width:72px;height:72px;border-radius:50%;background:#fff;padding:4px;transition:transform .2s ease}.capture-button:hover{transform:scale(1.05)}.capture-inner{width:100%;height:100%;border-radius:50%;background:#fff;border:3px solid #000}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md)}.login-prompt svg{color:var(--text-tertiary)}.login-prompt h2{font-size:var(--font-size-xl)}.login-prompt p{color:var(--text-secondary)}.google-login-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#fff;color:#333;border-radius:var(--radius-full);font-weight:500;font-size:var(--font-size-md);transition:all .2s ease}.google-login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:600;background:var(--accent-gradient)}.user-info h2{font-size:var(--font-size-lg);font-weight:600}.user-info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-stats{display:flex;justify-content:space-around;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:600}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.profile-tabs .tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:all .2s ease}.profile-tabs .tab:hover{color:var(--text-primary)}.profile-tabs .tab.active{background:var(--accent-gradient);color:#fff}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;min-height:200px}.logout-button{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-lg);background:var(--bg-secondary);color:var(--error);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.logout-button:hover{background:#ef44441a}.thread-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--error);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.settings-panel{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg)}.settings-panel h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}