@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;600;700&display=swap);:root{--brand:#18181b;--brand-subtle:#27272a;--accent:#6366f1;--accent-muted:#6366f114;--accent-hover:#4f46e5;--accent-light:#818cf8;--bg-base:#fafafa;--bg-subtle:#f4f4f5;--bg-muted:#e4e4e7;--bg-elevated:#fff;--bg-overlay:#0006;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-inverse:#fafafa;--border:#0000000f;--border-subtle:#00000008;--border-emphasis:#0000001a;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;--shadow-glow:0 0 0 3px var(--accent-muted);--post-day:#0ea5e9;--post-week:#18181b;--post-month:#8b5cf6;--success:#10b981;--success-muted:#10b9811a;--error:#ef4444;--error-muted:#ef444414;--warning:#f59e0b;--warning-muted:#f59e0b1a;--nav-height:60px;--bottom-nav-height:70px;--content-width:540px;--sidebar-width:280px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease:cubic-bezier(0.25,0.1,0.25,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration:200ms;--duration-slow:300ms}.dark{--bg-base:#09090b;--bg-subtle:#18181b;--bg-muted:#27272a;--bg-elevated:#18181b;--bg-overlay:#000000b3;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#9ca3af;--border:#ffffff0f;--border-subtle:#ffffff08;--border-emphasis:#ffffff1a;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:#fafafa;background:var(--bg-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.006em;line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:#18181b;color:var(--text-primary)}a,div,label,p,span{color:inherit}a{text-decoration:none}button{color:#18181b;color:var(--text-primary);cursor:pointer}button,input,textarea{background:none;border:none;font:inherit;letter-spacing:inherit}input,textarea{outline:none}::selection{background:#6366f1;background:var(--accent);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001a;background:var(--border-emphasis);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa;background:var(--text-muted)}.App{background:#fafafa;background:var(--bg-base);min-height:100vh}.main-content{margin:0 auto;max-width:540px;max-width:var(--content-width);min-height:100vh;padding:68px 24px 48px;padding:calc(var(--nav-height) + 8px) 24px 48px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .7s linear infinite;border-top-color:#6366f1;height:28px;width:28px}.loading-message{color:#a1a1aa;color:var(--text-muted);font-size:13px;font-weight:450}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;background:var(--bg-elevated);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border);height:60px;height:var(--nav-height);left:0;position:fixed;right:0;top:0;z-index:100}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;max-width:960px;padding:0 24px}.navbar-container,.navbar-logo{align-items:center;display:flex}.logo-image{height:42px;opacity:.9;transition:opacity .2s;transition:opacity var(--duration);width:auto}.logo-image:hover{opacity:1}.navbar-links{gap:1px}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;position:relative;transition:all .2s ease;transition:all var(--duration) var(--ease)}.nav-link.active,.nav-link:hover{background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.nav-link .nav-icon{font-size:17px;line-height:1}.nav-link .nav-label{color:inherit;font-size:13px;font-weight:500}.nav-profile{margin-left:4px;padding:4px}.nav-button{background:none;border:none}.notification-badge{align-items:center;background:#ef4444;background:var(--error);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--bg-elevated);color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 5px;position:absolute;right:2px;top:2px}@media (max-width:768px){.nav-label{display:none}.nav-link{padding:10px}.nav-link .nav-icon{font-size:20px}}.avatar{background:#e4e4e7;background:var(--bg-muted);border-radius:50%;box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);flex-shrink:0;overflow:hidden}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-sticker{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border)}.auth-page,.avatar-sticker{align-items:center;display:flex;justify-content:center}.auth-page{background:#fafafa;background:var(--bg-base);min-height:100vh;padding:24px}.auth-container{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-width:380px;padding:44px 36px;width:100%}.auth-header{margin-bottom:36px;text-align:center}.auth-logo-image{height:44px;margin-bottom:20px}.auth-logo{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.auth-subtitle{color:#52525b;color:var(--text-secondary);font-size:14px;font-weight:400}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#18181b;color:var(--text-primary);font-size:13px;font-weight:500;letter-spacing:-.01em}.form-group input,.form-group textarea{background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;transition:all var(--duration) var(--ease)}.form-group input:hover,.form-group textarea:hover{border-color:#a1a1aa;border-color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{background:#fff;background:var(--bg-elevated);border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.form-group input::placeholder,.form-group textarea::placeholder,.form-hint,.username-hint{color:#a1a1aa;color:var(--text-muted)}.form-hint,.username-hint{font-size:12px;line-height:1.4}.auth-error{background:#ef444414;background:var(--error-muted);border:1px solid #ef444426;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error)}.auth-error,.auth-success{font-size:13px;font-weight:450;padding:12px 16px;text-align:center}.auth-success{background:#10b9811a;background:var(--success-muted);border:1px solid #10b98126;border-radius:8px;border-radius:var(--radius-sm);color:#10b981;color:var(--success)}.auth-description{color:#52525b;color:var(--text-secondary);font-size:14px;line-height:1.5;text-align:center}.auth-submit-btn{background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);font-size:14px;font-weight:500;margin-top:4px;padding:12px 16px;transition:all .2s ease;transition:all var(--duration) var(--ease);width:100%}.auth-submit-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-links{margin-top:20px;text-align:center}.auth-link{color:#52525b;color:var(--text-secondary);font-size:13px;font-weight:450;transition:color .2s;transition:color var(--duration)}.auth-link:hover{color:#6366f1;color:var(--accent)}.auth-footer{border-top:1px solid #0000000f;border-top:1px solid var(--border);margin-top:28px;padding-top:24px;text-align:center}.auth-footer p{color:#52525b;color:var(--text-secondary);font-size:13px}.auth-link-bold{color:#6366f1;color:var(--accent);font-weight:500}.auth-link-bold:hover{text-decoration:underline}.sticker-picker-toggle{align-items:center;background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:14px;padding:12px 14px;text-align:left;transition:all .2s;transition:all var(--duration);width:100%}.sticker-picker-toggle:hover{background:#f4f4f5;background:var(--bg-subtle);border-color:#a1a1aa;border-color:var(--text-muted)}.sticker-preview{font-size:28px;line-height:1}.sticker-name{color:#18181b;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:450}.sticker-change{color:#a1a1aa;color:var(--text-muted);font-size:12px}.sticker-picker{grid-gap:8px;background:#f4f4f5;background:var(--bg-subtle);border-radius:8px;border-radius:var(--radius-sm);display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:10px;padding:14px}.sticker-option{align-items:center;aspect-ratio:1;background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:24px;justify-content:center;transition:all .2s ease;transition:all var(--duration) var(--ease)}.sticker-option:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:scale(1.08)}.sticker-option.selected,.sticker-option:hover{border-color:#6366f1;border-color:var(--accent)}.sticker-option.selected{background:#6366f114;background:var(--accent-muted);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.feed-page{padding:0}.feed-page-title{color:#18181b;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px;padding:0}.feed-header{align-items:center;border-bottom:1px solid #00000008;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.feed-title{color:#18181b;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.feed-controls{align-items:center;display:flex;gap:6px}.feed-filter{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;padding:3px}.filter-btn{border-radius:3px;color:#a1a1aa;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;transition:all .2s;transition:all var(--duration)}.filter-btn.active,.filter-btn:hover:not(.active){color:#18181b;color:var(--text-primary)}.filter-btn.active{background:#f4f4f5;background:var(--bg-subtle)}.refresh-btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);display:flex;font-size:14px;font-size:16px;height:28px;justify-content:center;transition:all .2s;transition:all var(--duration);width:28px}.refresh-btn:hover:not(:disabled){background:#f4f4f5;background:var(--bg-subtle);border-color:#0000001a;border-color:var(--border-emphasis);color:#18181b;color:var(--text-primary)}.refresh-btn:disabled{opacity:.4}.floating-filter{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:2px;padding:2px;position:fixed;right:24px;top:72px;top:calc(var(--nav-height) + 12px);z-index:100}.mini-filter{border-radius:4px;color:#a1a1aa;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;min-width:32px;padding:4px 8px;text-transform:uppercase;transition:all .2s;transition:all var(--duration)}.mini-filter:hover:not(.active){background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.mini-filter.active{background:#6366f1;background:var(--accent);color:#fff}.scroll-trigger{justify-content:center;min-height:60px;padding:20px 0}.loading-more,.scroll-trigger{align-items:center;display:flex}.loading-more{color:#a1a1aa;color:var(--text-muted);font-size:14px;gap:8px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000000f;border-top:2px solid #6366f1;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:16px;width:16px}.end-of-feed{color:#a1a1aa;color:var(--text-muted);font-size:14px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feed-content .posts-list,.posts-list{display:flex;flex-direction:column;gap:8px}.profile-posts .posts-list{gap:10px}.empty-feed{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:64px 24px;text-align:center}.empty-feed p{color:#52525b;color:var(--text-secondary);font-size:14px;margin-bottom:20px}.create-first-btn{align-items:center;background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.create-first-btn:hover{background:#27272a;background:var(--brand-subtle);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-card{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:16px;transition:all .2s ease;transition:all var(--duration) var(--ease)}.profile-posts .post-card{border-radius:12px;border-radius:var(--radius-md);padding:14px 16px}.post-card:hover{border-color:#0000001a;border-color:var(--border-emphasis);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md)}.post-type-day{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}.post-type-day,.post-type-week{border-color:#0000!important;color:#fff!important}.post-type-week{background:linear-gradient(135deg,#27272a,#18181b)!important}.post-type-month{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#0000!important}.post-type-day .comment-text,.post-type-day .comment-time,.post-type-day .comment-username,.post-type-day .post-action-btn,.post-type-day .post-caption,.post-type-day .post-meta,.post-type-day .post-username,.post-type-month,.post-type-month .comment-text,.post-type-month .comment-time,.post-type-month .comment-username,.post-type-month .post-action-btn,.post-type-month .post-caption,.post-type-month .post-meta,.post-type-month .post-username,.post-type-week .comment-text,.post-type-week .comment-time,.post-type-week .comment-username,.post-type-week .post-action-btn,.post-type-week .post-caption,.post-type-week .post-meta,.post-type-week .post-username{color:#fff!important}.post-type-day .post-footer,.post-type-month .post-footer,.post-type-week .post-footer{border-color:#ffffff1f!important}.post-type-day .post-action-btn:hover,.post-type-month .post-action-btn:hover,.post-type-week .post-action-btn:hover{background:#ffffff1a!important}.post-type-day:hover,.post-type-month:hover,.post-type-week:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.post-author{align-items:center;display:flex;gap:12px;transition:opacity .2s;transition:opacity var(--duration)}.post-author:hover{opacity:.85}.post-author-info{display:flex;flex-direction:column;gap:2px}.post-username{color:#18181b;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.01em}.post-meta{align-items:center;color:#52525b;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.post-privacy-icon,.post-type-icon{font-size:11px}.post-delete-btn{border-radius:8px;border-radius:var(--radius-sm);opacity:0;padding:6px 8px;transition:all .2s;transition:all var(--duration)}.post-card:hover .post-delete-btn{opacity:.4}.post-delete-btn:hover{background:#ef444414;background:var(--error-muted);opacity:1!important}.post-content{margin-bottom:14px}.post-caption{color:#18181b;color:var(--text-primary);font-size:15px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.post-hashtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hashtag{color:#6366f1;color:var(--accent);font-size:13px;font-weight:500;transition:opacity .2s;transition:opacity var(--duration)}.hashtag:hover{opacity:.8}.post-social-link{align-items:center;color:#6366f1;color:var(--accent);display:inline-flex;font-size:13px;gap:4px;margin-top:12px;transition:opacity .2s;transition:opacity var(--duration);word-break:break-all}.post-social-link:hover{opacity:.8;text-decoration:underline}.post-footer{border-top:1px solid #0000000f;border-top:1px solid var(--border);padding-top:8px}.post-stats{display:flex;gap:4px}.post-action-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s;transition:all var(--duration)}.post-action-btn:hover{background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.like-btn.liked{color:#ef4444;color:var(--error)}.action-icon{font-size:16px;line-height:1}.action-count{font-size:13px;font-weight:500}.comments-section{border-top:1px solid #0000000f;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.comments-loading,.no-comments{color:#a1a1aa;color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;max-height:280px;overflow-y:auto;padding-right:4px}.comment-item{display:flex;gap:10px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:baseline;display:flex;gap:8px;margin-bottom:3px}.comment-username{color:#18181b;color:var(--text-primary);font-size:13px;font-weight:600}.comment-time{color:#52525b;color:var(--text-secondary);font-size:11px}.comment-text{color:#18181b;color:var(--text-primary);font-size:14px;line-height:1.5;word-break:break-word}.comment-form{align-items:center;display:flex;gap:10px}.comment-input{background:#f4f4f5;background:var(--bg-subtle);border:1px solid #0000000f;border:1px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);color:#18181b;color:var(--text-primary);flex:1 1;font-size:13px;padding:10px 16px;transition:all .2s;transition:all var(--duration)}.comment-input:focus{background:#fff;background:var(--bg-elevated);border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.comment-input::placeholder{color:#a1a1aa;color:var(--text-muted)}.comment-submit-btn{align-items:center;background:#18181b;background:var(--brand);border-radius:50%;color:#fafafa;color:var(--text-inverse);display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;transition:all var(--duration);width:36px}.comment-submit-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle);transform:scale(1.05)}.comment-submit-btn:disabled{opacity:.3}.create-post-page{padding:0}.create-post-container{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:28px}.create-post-title{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.create-post-form{display:flex;flex-direction:column;gap:24px}.create-post-error{background:#ef444414;background:var(--error-muted);border:1px solid #ef444426;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error);font-size:13px;font-weight:450;padding:12px 16px}.caption-input{background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:12px;border-radius:var(--radius-md);color:#18181b;color:var(--text-primary);font-size:15px;line-height:1.65;min-height:140px;padding:16px;resize:vertical;transition:all .2s;transition:all var(--duration);width:100%}.caption-input:hover{border-color:#a1a1aa;border-color:var(--text-muted)}.caption-input:focus{background:#fff;background:var(--bg-elevated);border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.char-count{color:#a1a1aa;color:var(--text-muted);font-size:12px;font-weight:450}.post-type-options,.privacy-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@media (max-width:500px){.post-type-options,.privacy-options{grid-template-columns:repeat(2,1fr)}}.post-type-btn,.privacy-btn{align-items:center;background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;padding:16px 12px;transition:all .2s ease;transition:all var(--duration) var(--ease)}.post-type-btn.selected,.post-type-btn:hover:not(.disabled),.privacy-btn.selected,.privacy-btn:hover{background:#6366f114;background:var(--accent-muted);border-color:#6366f1;border-color:var(--accent)}.post-type-btn.selected,.privacy-btn.selected{box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.post-type-btn.disabled{cursor:not-allowed;opacity:.35}.privacy-icon,.type-icon{font-size:22px;line-height:1}.privacy-label,.type-label{color:#52525b;color:var(--text-secondary);font-size:12px;font-weight:500}.type-cooldown{color:#ef4444;color:var(--error);font-size:10px;font-weight:500}.hashtag-input-container{display:flex;gap:10px}.hashtag-input{background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s;transition:all var(--duration)}.hashtag-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.add-hashtag-btn{background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);font-size:18px;font-weight:500;transition:all .2s;transition:all var(--duration);width:48px}.add-hashtag-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle)}.add-hashtag-btn:disabled{opacity:.3}.hashtag-count{color:#a1a1aa;color:var(--text-muted);font-size:12px}.hashtag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hashtag-tag{align-items:center;background:#f4f4f5;background:var(--bg-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#52525b;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.remove-hashtag-btn{font-size:14px;opacity:.5;transition:opacity .2s;transition:opacity var(--duration)}.remove-hashtag-btn:hover{opacity:1}.link-input{background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s;transition:all var(--duration);width:100%}.link-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.form-actions{border-top:1px solid #0000000f;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.cancel-btn{background:#f4f4f5;background:var(--bg-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.cancel-btn:hover{background:#e4e4e7;background:var(--bg-muted);color:#18181b;color:var(--text-primary)}.submit-btn{background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s;transition:all var(--duration)}.submit-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{opacity:.3}.profile-page,.user-profile-page{padding:0}.profile-header{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px;position:relative}.profile-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-content{display:flex;flex-direction:column;gap:16px}.profile-top-section{align-items:flex-start;display:flex;gap:16px}.profile-avatar-container{flex-shrink:0}.profile-header-info{flex:1 1;min-width:0}.profile-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.profile-username{font-size:20px}.edit-profile-btn{flex-shrink:0;padding:8px 16px}.profile-stats{gap:20px}.stat{text-align:left;transition:color .2s;transition:color var(--duration)}.stat:hover{color:#18181b;color:var(--text-primary)}.stat-value{font-size:18px;line-height:1.2}.stat-label{font-size:13px;font-weight:450}.profile-bio-section{border-top:1px solid #00000008;border-top:1px solid var(--border-subtle);padding-top:12px}.bio-title{margin:0 0 8px}.profile-bio{color:#18181b;color:var(--text-primary);line-height:1.5;margin:0}.profile-status{margin:8px 0 0}.profile-links-section{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px 20px}.back-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:20px;margin-left:-10px;padding:6px 10px;transition:all .2s;transition:all var(--duration)}.back-btn:hover{background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.profile-avatar-section{flex-shrink:0}.profile-avatar-container{position:relative}.profile-picture-upload{align-items:center;background:#18181b;background:var(--brand);border-radius:50%;bottom:4px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);color:#fafafa;color:var(--text-inverse);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;position:absolute;right:4px;transition:all .2s;transition:all var(--duration);width:32px}.profile-picture-upload:hover{background:#27272a;background:var(--brand-subtle);transform:scale(1.08)}.change-sticker-btn{background:#f4f4f5;background:var(--bg-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#52525b;color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:14px;padding:8px 16px;transition:all .2s;transition:all var(--duration)}.change-sticker-btn:hover{background:#e4e4e7;background:var(--bg-muted);color:#18181b;color:var(--text-primary)}.profile-info{flex:1 1;min-width:0}.profile-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.profile-username{color:#18181b;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.edit-profile-btn{background:#f4f4f5;background:var(--bg-subtle);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;transition:all var(--duration) var(--ease)}.edit-profile-btn:hover{background:#e4e4e7;background:var(--bg-muted);border-color:#0000001a;border-color:var(--border-emphasis);color:#18181b;color:var(--text-primary)}.profile-bio-section{margin-bottom:12px}.bio-title{color:#a1a1aa;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.profile-public-url{align-items:center;background:#f4f4f5;background:var(--bg-subtle);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;overflow:hidden;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease;transition:all var(--duration) var(--ease);width:-webkit-fit-content;width:fit-content}.profile-public-url:after{background:linear-gradient(90deg,#0000,#0000000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;transition:left .6s var(--ease);width:100%}.profile-public-url:hover{background:#e4e4e7;background:var(--bg-muted);border-color:#0000001a;border-color:var(--border-emphasis);box-shadow:0 2px 8px #0000001a;color:#18181b;color:var(--text-primary);transform:translateY(-1px)}.profile-public-url:hover:after{left:100%}.profile-public-url:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.profile-epiclink-url{align-items:center;background:#6366f114;background:var(--accent-muted);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#6366f1;color:var(--accent);display:inline-flex;font-size:13px;font-weight:500;gap:6px;overflow:hidden;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease;transition:all var(--duration) var(--ease);width:-webkit-fit-content;width:fit-content}.profile-epiclink-url:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;transition:left .6s var(--ease);width:100%}.profile-epiclink-url:hover{background:#6366f11f;border-color:#6366f133;box-shadow:0 2px 8px #6366f126;color:#4f46e5;color:var(--accent-hover);transform:translateY(-1px)}.profile-epiclink-url:hover:before{left:100%}.profile-epiclink-url:active{box-shadow:0 1px 3px #6366f133;transform:translateY(0)}.profile-stats{display:flex;gap:16px;margin-bottom:12px}.stat{cursor:pointer;text-align:center}.stat:hover{background:#f4f4f5;background:var(--bg-subtle)}.stat-value{color:#18181b;color:var(--text-primary);display:block;font-size:16px;font-weight:600}.stat-label{display:block;font-size:12px;margin-top:2px}.profile-bio,.stat-label{color:#52525b;color:var(--text-secondary)}.profile-bio{font-size:14px;margin:0 0 4px}.edit-btn{opacity:.4;padding:4px;transition:opacity .2s;transition:opacity var(--duration)}.edit-btn:hover{opacity:1}.profile-status{color:#52525b;color:var(--text-secondary);font-size:13px;font-style:italic;margin:4px 0 0}.profile-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.settings-btn{background:#f4f4f5;background:var(--bg-subtle);border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.settings-btn:hover{background:#e4e4e7;background:var(--bg-muted)}.signout-btn{background:#ef4444;background:var(--error);border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.signout-btn:hover{opacity:.9;transform:translateY(-1px)}.edit-modal,.sticker-picker-modal{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.edit-modal-content,.sticker-picker-content{animation:modalIn .25s cubic-bezier(0,0,.2,1);animation:modalIn .25s var(--ease-out);background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-width:400px;padding:28px;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}}.edit-modal-content h3,.sticker-picker-content h3{color:#18181b;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:20px;text-align:center}.sticker-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.close-sticker-picker{background:#f4f4f5;background:var(--bg-subtle);border-radius:8px;border-radius:var(--radius-sm);font-weight:500;padding:12px;transition:all .2s;transition:all var(--duration);width:100%}.close-sticker-picker:hover{background:#e4e4e7;background:var(--bg-muted)}.edit-modal-content textarea{background:#fafafa;background:var(--bg-base);border:1px solid #0000001a;border:1px solid var(--border-emphasis);border-radius:12px;border-radius:var(--radius-md);color:#18181b;color:var(--text-primary);font-size:14px;min-height:100px;padding:14px;resize:vertical;transition:all .2s;transition:all var(--duration);width:100%}.edit-modal-content textarea:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.edit-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.edit-modal-actions button{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.edit-modal-actions button:first-child{background:#f4f4f5;background:var(--bg-subtle);color:#52525b;color:var(--text-secondary)}.edit-modal-actions button:first-child:hover{background:#e4e4e7;background:var(--bg-muted);color:#18181b;color:var(--text-primary)}.edit-modal-actions button:last-child{background:#18181b;background:var(--brand);color:#fafafa;color:var(--text-inverse)}.edit-modal-actions button:last-child:hover{background:#27272a;background:var(--brand-subtle)}.friend-actions{align-items:center;display:flex;gap:10px}.friend-badge{background:#10b981;background:var(--success);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.action-btn{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.action-btn:disabled{opacity:.4}.add-friend-btn{background:#18181b;background:var(--brand);color:#fafafa;color:var(--text-inverse)}.add-friend-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle);transform:translateY(-1px)}.cancel-request-btn,.decline-btn,.unfriend-btn{background:#f4f4f5;background:var(--bg-subtle);color:#52525b;color:var(--text-secondary)}.cancel-request-btn:hover,.decline-btn:hover,.unfriend-btn:hover{background:#e4e4e7;background:var(--bg-muted);color:#18181b;color:var(--text-primary)}.accept-btn{background:#10b981;background:var(--success);color:#fff}.accept-btn:hover{opacity:.9;transform:translateY(-1px)}.block-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--error);color:#ef4444;color:var(--error)}.block-btn:hover{background:#ef4444;background:var(--error);color:#fff}.friend-request-actions{display:flex;gap:8px}.profile-posts{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:16px 20px}.posts-title{color:#52525b;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.no-posts{color:#a1a1aa;color:var(--text-muted);padding:32px 20px;text-align:center}.no-posts button{background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);font-size:14px;font-weight:500;margin-top:16px;padding:10px 20px;transition:all .2s;transition:all var(--duration)}.no-posts button:hover{background:#27272a;background:var(--brand-subtle);transform:translateY(-1px)}.user-not-found{padding:80px 24px;text-align:center}.user-not-found h2{color:#18181b;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.user-not-found button{background:#18181b;background:var(--brand);border-radius:8px;border-radius:var(--radius-sm);color:#fafafa;color:var(--text-inverse);font-size:14px;font-weight:500;padding:10px 20px}.friends-page,.notifications-page,.search-page,.settings-page{padding:0}.page-title{color:#18181b;color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.friends-tabs{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:4px;margin-bottom:20px;padding:4px}.tab-btn{border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s;transition:all var(--duration)}.tab-btn.active,.tab-btn:hover:not(.active){color:#18181b;color:var(--text-primary)}.tab-btn.active{background:#f4f4f5;background:var(--bg-subtle)}.friends-content,.notifications-content,.search-results{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:16px}.empty-state{color:#a1a1aa;color:var(--text-muted);font-size:14px;padding:48px 24px;text-align:center}.empty-hint{font-size:13px;margin-top:8px;opacity:.7}.friends-list,.notifications-list,.requests-list,.results-list{display:flex;flex-direction:column;gap:8px}.friend-card,.notification-card,.request-card,.result-card{align-items:center;background:#fafafa;background:var(--bg-base);border-radius:12px;border-radius:var(--radius-md);display:flex;padding:14px;transition:all .2s;transition:all var(--duration)}.friend-card:hover,.notification-card:hover,.request-card:hover,.result-card:hover{background:#f4f4f5;background:var(--bg-subtle)}.friend-info,.request-info{align-items:center;display:flex;flex:1 1;gap:14px}.friend-details,.request-details{display:flex;flex-direction:column;gap:2px}.friend-username,.request-username{color:#18181b;color:var(--text-primary);font-size:14px;font-weight:600}.friend-bio,.request-text{color:#a1a1aa;color:var(--text-muted);font-size:12px}.remove-friend-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);display:flex;height:36px;justify-content:center;transition:all .2s;transition:all var(--duration);width:36px}.remove-friend-btn:hover{background:#ef444414;background:var(--error-muted);color:#ef4444;color:var(--error)}.request-actions{display:flex;gap:8px}.request-actions button{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;transition:all var(--duration);width:36px}.request-actions .accept-btn{background:#10b981;background:var(--success);color:#fff}.request-actions .accept-btn:hover{opacity:.9}.request-actions .decline-btn{background:#f4f4f5;background:var(--bg-subtle);color:#a1a1aa;color:var(--text-muted)}.request-actions .decline-btn:hover{background:#e4e4e7;background:var(--bg-muted);color:#52525b;color:var(--text-secondary)}.notification-card{position:relative}.notification-card.unread{background:#6366f114;background:var(--accent-muted);border-left:3px solid #6366f1;border-left:3px solid var(--accent)}.notification-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:14px}.notification-content{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.notification-icon{font-size:14px}.notification-message{font-size:14px;line-height:1.5}.notification-time{color:#a1a1aa;color:var(--text-muted);font-size:11px}.notification-actions{display:flex;gap:8px;margin-left:14px}.notification-actions button{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;padding:6px 14px}.delete-notification-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .2s;transition:all var(--duration);width:28px}.notification-card:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background:#ef444414;background:var(--error-muted);color:#ef4444;color:var(--error)}.search-form{margin-bottom:24px}.search-input-container{display:flex;gap:10px}.search-input{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#18181b;color:var(--text-primary);flex:1 1;font-size:15px;padding:14px 18px;transition:all .2s;transition:all var(--duration)}.search-input:hover{border-color:#0000001a;border-color:var(--border-emphasis)}.search-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow)}.search-btn{background:#18181b;background:var(--brand);border-radius:12px;border-radius:var(--radius-md);color:#fafafa;color:var(--text-inverse);font-size:18px;transition:all .2s;transition:all var(--duration);width:52px}.search-btn:hover:not(:disabled){background:#27272a;background:var(--brand-subtle)}.search-btn:disabled{opacity:.3}.no-results,.search-hint,.searching-indicator{color:#a1a1aa;color:var(--text-muted);font-size:14px;padding:48px 24px;text-align:center}.result-info{display:flex;flex-direction:column;gap:2px}.result-username{font-size:14px;font-weight:600}.result-bio{color:#a1a1aa;color:var(--text-muted);font-size:12px}.status-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.friends{background:#10b981;background:var(--success);color:#fff}.status-badge.pending{background:#f59e0b;background:var(--warning);color:#1a1a1a}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-section{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:20px}.section-title{color:#a1a1aa;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:16px;text-transform:uppercase}.setting-item{align-items:center;border-bottom:1px solid #00000008;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:14px 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-item.clickable{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;margin:0 -20px;padding-left:20px;padding-right:20px;transition:background .2s;transition:background var(--duration)}.setting-item.clickable:hover{background:#f4f4f5;background:var(--bg-subtle)}.setting-info{display:flex;flex-direction:column;gap:3px}.setting-label{font-size:14px;font-weight:500}.setting-description{font-size:12px;line-height:1.4}.setting-description,.setting-value{color:#a1a1aa;color:var(--text-muted)}.setting-value{font-size:13px}.setting-arrow{color:#a1a1aa;color:var(--text-muted);font-size:16px}.toggle-btn{background:#e4e4e7;background:var(--bg-muted);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:block;flex-shrink:0;height:28px;position:relative;transition:all .2s ease;transition:all var(--duration) var(--ease);width:48px}.toggle-btn.active{background:#6366f1;background:var(--accent)}.toggle-indicator{background:#fff;background:var(--bg-elevated);border-radius:50%;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);height:22px;left:3px;position:absolute;top:3px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transition:transform var(--duration) var(--ease-spring);width:22px}.toggle-btn.active .toggle-indicator{background:#fff;transform:translateX(20px)}.danger-section{background:#0000;border:none;box-shadow:none;padding:0}.danger-section .signout-btn{background:#ef4444;background:var(--error);border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;padding:14px;transition:all .2s;transition:all var(--duration);width:100%}.danger-section .signout-btn:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}@media (max-width:640px){:root{--nav-height:56px}.main-content{padding:64px 16px 32px;padding:calc(var(--nav-height) + 4px) 16px 32px}.floating-filter{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);padding:1px;position:fixed;right:16px;top:68px;top:calc(var(--nav-height) + 8px);z-index:100}.mini-filter{border-radius:18px;font-size:10px;min-width:28px;padding:3px 8px}.feed-page-title{font-size:14px;margin:0 0 6px}.post-card{border-radius:12px;border-radius:var(--radius-md);padding:16px}.profile-header{padding:12px}.profile-header,.profile-header-top{margin-bottom:12px}.profile-top-section{align-items:center;flex-direction:column;gap:16px;text-align:center}.profile-header-info{width:100%}.profile-name-row{flex-direction:column;gap:12px}.edit-profile-btn{width:100%}.edit-profile-btn,.profile-stats{justify-content:center}.profile-posts{padding:14px 16px}.profile-menu{min-width:180px;right:-8px}.create-post-container{padding:20px}.auth-container{border-radius:16px;border-radius:var(--radius-lg);padding:32px 24px}.settings-section{border-radius:12px;border-radius:var(--radius-md);padding:16px}.setting-item.clickable{margin:0 -16px;padding-left:16px;padding-right:16px}.edit-modal-content,.sticker-picker-content{border-radius:16px;border-radius:var(--radius-lg);padding:24px}}@media (pointer:coarse){.filter-btn,.nav-link,.post-action-btn,.tab-btn,button{min-height:44px}}@supports (padding:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.burger-button{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;height:40px;padding:8px;position:relative;transition:background .2s;transition:background var(--duration);width:40px;z-index:1001}.burger-button:hover{background:#f4f4f5;background:var(--bg-subtle)}.burger-line{background:#18181b;background:var(--text-primary);border-radius:1px;display:block;height:2px;margin:5px 0;transition:all .2s ease;transition:all var(--duration) var(--ease);width:24px}.burger-button.open .burger-line:first-child{transform:rotate(-45deg) translate(-6px,6px)}.burger-button.open .burger-line:nth-child(2){opacity:0}.burger-button.open .burger-line:nth-child(3){transform:rotate(45deg) translate(-6px,-6px)}.burger-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.burger-menu{background:#fff;background:var(--bg-elevated);border-left:1px solid #0000000f;border-left:1px solid var(--border);box-shadow:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;position:fixed;right:-280px;top:0;transition:right .3s ease;transition:right var(--duration-slow) var(--ease);width:280px;z-index:1000}.burger-menu.open{right:0}.burger-menu-header{align-items:center;border-bottom:1px solid #00000008;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 20px 16px}.burger-menu-header h3{color:#18181b;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.burger-close{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);cursor:pointer;display:none;font-size:24px;height:32px;transition:all .2s;transition:all var(--duration);width:32px}.burger-close:hover{background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.burger-menu-content{flex:1 1;overflow-y:auto;padding:8px}.burger-menu-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s;transition:all var(--duration);width:100%}.burger-menu-item:hover{background:#f4f4f5;background:var(--bg-subtle)}.burger-menu-item.active{background:#6366f114;background:var(--accent-muted);color:#6366f1;color:var(--accent)}.burger-menu-item.danger{color:#ef4444;color:var(--error)}.burger-menu-item.danger:hover{background:#ef444414;background:var(--error-muted)}.burger-menu-icon{font-size:20px;min-width:24px;text-align:center}.burger-menu-text{color:inherit;font-size:15px;font-weight:500}.burger-menu-divider{background:#00000008;background:var(--border-subtle);height:1px;margin:8px 0}.burger-notification-badge{background:#6366f1;background:var(--accent);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:16px;text-align:center}.bottom-navigation{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fff;background:var(--bg-elevated);border-top:1px solid #0000000f;border-top:1px solid var(--border);bottom:0;height:70px;height:var(--bottom-nav-height);left:0;position:fixed;right:0;z-index:100}.bottom-nav-container{align-items:center;display:flex;height:100%;justify-content:space-around;margin:0 auto;max-width:600px;padding:0 20px}.bottom-nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:60px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:hover{background:#f4f4f5;background:var(--bg-subtle);color:#18181b;color:var(--text-primary)}.bottom-nav-link.active{color:#6366f1;color:var(--accent)}.bottom-nav-link .icon{transition:transform .2s ease}.bottom-nav-link:hover .icon{transform:scale(1.05)}.bottom-nav-icon{font-size:22px}.bottom-nav-link.bottom-nav-create{align-items:center;background:#6366f1;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;height:44px;justify-content:center;margin-top:-4px;position:relative;transition:all .2s ease;width:44px}.bottom-nav-link.bottom-nav-create:hover{background:#4f46e5;background:var(--accent-hover);box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.05)}.bottom-nav-link.bottom-nav-create:active{box-shadow:0 1px 4px #667eea4d;transform:scale(.98)}.bottom-nav-link.bottom-nav-create.active{background:#4f46e5;background:var(--accent-hover);color:#fff}.bottom-nav-link.bottom-nav-create .icon{transition:transform .2s ease}.bottom-nav-link.bottom-nav-create:hover .icon{transform:scale(1.1)}.bottom-nav-label{color:inherit;font-size:11px;font-weight:500;text-align:center}.bottom-nav-avatar{border:2px solid #0000;border-radius:50%;height:26px;overflow:hidden;transition:border-color .2s;transition:border-color var(--duration);width:26px}.bottom-nav-link.active .bottom-nav-avatar{border-color:#6366f1;border-color:var(--accent)}.main-content{padding-bottom:90px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}@media (min-width:769px){.main-content{padding-bottom:90px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}}@media (max-width:768px){.navbar-container{padding:0 16px}.burger-menu{right:calc(min(280px, 80vw)*-1);width:min(280px,80vw)}.burger-menu.open{right:0}.setting-item{padding:16px 0}.toggle-btn{height:32px;min-height:32px;min-width:56px;width:56px}.toggle-indicator{height:26px;left:3px;top:3px;width:26px}.toggle-btn.active .toggle-indicator{transform:translateX(24px)}}.profile-menu-container{position:relative}.profile-menu-btn{align-items:center;background:#f4f4f5;background:var(--bg-subtle);border:none;border-radius:50%;color:#18181b;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s;transition:all var(--duration);width:36px}.profile-menu-btn:hover{background:#e4e4e7;background:var(--bg-muted)}.profile-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.profile-menu{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #00000008;border-bottom:1px solid var(--border-subtle);color:#18181b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background .2s;transition:background var(--duration);width:100%}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover:not(:disabled){background:#f4f4f5;background:var(--bg-subtle)}.profile-menu-item:disabled{cursor:not-allowed;opacity:.5}.profile-menu-item.status-item{cursor:default}.profile-menu-item.status-item,.profile-menu-item.status-item:hover{background:#6366f114;background:var(--accent-muted)}.profile-menu-item.danger-item{color:#ef4444;color:var(--error)}.profile-menu-item.danger-item:hover{background:#ef444414;background:var(--error-muted)}.friend-status-indicator{color:#10b981;color:var(--success);font-weight:600}.profile-edit-modal{align-items:center;background:#0006;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-edit-content{background:#fff;background:var(--bg-elevated);border:1px solid #0000000f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;box-shadow:var(--shadow-xl);max-height:80vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.profile-edit-content h3{color:#18181b;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.edit-section{margin-bottom:20px}.edit-section h4{color:#18181b;color:var(--text-primary);margin:0 0 8px}.edit-section h4,.upload-btn{font-size:14px;font-weight:500}.upload-btn{align-items:center;background:#f4f4f5;background:var(--bg-subtle);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:8px 16px;transition:all .2s ease;transition:all var(--duration) var(--ease)}.upload-btn:hover{background:#e4e4e7;background:var(--bg-muted);border-color:#0000001a;border-color:var(--border-emphasis)}.bio-textarea{background:#fafafa;background:var(--bg-base);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:border-color .2s;transition:border-color var(--duration);width:100%}.bio-textarea:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f114;box-shadow:var(--shadow-glow);outline:none}.save-bio-btn{background:#6366f1;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background .2s;transition:background var(--duration)}.save-bio-btn:hover{background:#4f46e5;background:var(--accent-hover)}.close-edit-modal{background:#f4f4f5;background:var(--bg-subtle);border:1px solid #0000000f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#18181b;color:var(--text-primary);cursor:pointer;font-weight:500;margin-top:12px;padding:12px;transition:all .2s;transition:all var(--duration);width:100%}.close-edit-modal:hover{background:#e4e4e7;background:var(--bg-muted);border-color:#0000001a;border-color:var(--border-emphasis)}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent);outline-offset:2px}.id-info-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:40px 20px}.id-info-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:800px;padding:60px 40px}.id-info-header{margin-bottom:50px;text-align:center}.id-info-logo{border-radius:20px;height:80px;margin-bottom:20px;width:80px}.id-info-header h1{color:#1a1a1a;font-size:42px;font-weight:800;letter-spacing:-1px;margin:0 0 12px}.id-info-subtitle{color:#666;font-size:20px;font-weight:400;margin:0}.id-info-section{margin-bottom:50px}.id-info-section h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 20px}.id-info-section p{color:#444;font-size:16px;line-height:1.8}.id-info-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:24px}.id-info-feature{background:#f8f9fa;border-radius:12px;padding:24px;transition:all .3s ease}.id-info-feature:hover{background:#f0f2ff;box-shadow:0 8px 20px #667eea1a;transform:translateY(-2px)}.id-info-feature h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 12px}.id-info-feature p{color:#666;font-size:14px;line-height:1.6;margin:0}.id-info-services{display:flex;flex-direction:column;gap:16px;margin-top:20px}.id-info-service{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;color:#444;font-size:15px;padding:16px 20px}.id-info-service strong{color:#1a1a1a;font-weight:600}.id-info-steps{margin:20px 0;padding-left:24px}.id-info-steps li{color:#444;font-size:16px;line-height:2}.id-info-steps a{color:#667eea;font-weight:500;text-decoration:none}.id-info-steps a:hover{text-decoration:underline}.id-info-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:50px}.id-info-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.2px;min-width:260px;padding:16px 32px;text-transform:none;transition:all .3s ease}.id-info-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.id-info-button-primary:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.id-info-button-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.id-info-button-secondary:hover{background:#667eea;box-shadow:0 10px 30px #667eea33;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.id-info-container{padding:40px 24px}.id-info-header h1{font-size:32px}.id-info-subtitle{font-size:18px}.id-info-section h2{font-size:24px}.id-info-features{grid-template-columns:1fr}.id-info-button{min-width:100%}}@media (max-width:480px){.id-info-page{padding:20px 10px}.id-info-container{border-radius:16px;padding:30px 20px}.id-info-logo{height:60px;width:60px}.id-info-header h1{font-size:28px}.id-info-section{margin-bottom:36px}}
/*# sourceMappingURL=main.2c0c81ab.css.map*/