body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-bg:#fff;--primary-text:#262626;--secondary-text:#8e8e8e;--accent-color:#0095f6;--header-height:60px}.dark-mode{--primary-bg:#121212;--secondary-bg:#1e1e1e;--primary-text:#fff;--secondary-text:#b0b0b0;--border-color:#383838;--accent-color:#1da1f2;--error-color:#ff6b6b}.header{background-color:#fff;background-color:var(--primary-bg);border-bottom:1px solid #00000014;height:60px;height:var(--header-height,64px);left:0;position:fixed;right:0;top:0;transition:box-shadow .3s ease,background-color .3s ease;z-index:1000}.header-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;background-color:rgba(var(--surface-color-rgb,255,255,255),.95);box-shadow:0 2px 8px #00000014}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--primary-color);text-decoration:none;transition:transform .2s ease,opacity .2s ease}.logo:hover{opacity:.9}.logo:active{transform:scale(.98)}.logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.logo-icon{justify-content:center;margin-right:var(--spacing-xs)}.logo-icon,.nav-container,.nav-links{align-items:center;display:flex}.nav-links{list-style:none;margin:0;padding:0}.nav-item{margin:0 0 0 15px;position:relative}.nav-link{align-items:center;border-radius:var(--border-radius);color:#8e8e8e;color:var(--secondary-text);display:flex;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:#0000000d;color:var(--primary-color)}.nav-link.active{color:#262626;color:var(--primary-text);font-weight:600}.notifications-link{position:relative}.notification-badge{align-items:center;background-color:#ed4956;background-color:var(--error-color);border-radius:9px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 var(--spacing-xs);position:absolute;right:-2px;top:-2px;transform:translate(30%,-30%)}.search-container{color:#262626;color:var(--primary-text);margin:8px var(--spacing-md) 0 6px;position:relative;width:240px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background-color:#00000008;border:1px solid #0000001a;border-radius:20px;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(24px + var(--spacing-sm)*2)!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;width:80%}.search-input:focus{background-color:var(--surface-color);border-color:#1877f266;border-color:rgba(var(--primary-color-rgb,24,119,242),.4);box-shadow:0 0 0 3px #1877f226;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,24,119,242),.15);outline:none}.search-icon{color:var(--on-surface-secondary-color);left:var(--spacing-sm);pointer-events:none;position:absolute;top:10px;transition:color .3s ease}.search-input:focus+.search-icon{color:var(--primary-color)}.clear-search{align-items:center;background:none;border:none;color:var(--on-surface-secondary-color);cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;position:absolute;right:var(--spacing-sm);top:10px;transition:opacity .2s ease}.clear-search:hover{opacity:1}.search-dropdown{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a,0 0 1px #0000001a;left:0;max-height:400px;opacity:0;overflow-y:auto;padding:var(--spacing-xs) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:100}.search-dropdown.show{opacity:1;pointer-events:all;transform:translateY(0)}.search-dropdown-header{color:var(--on-surface-secondary-color);font-size:12px;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.search-dropdown-item{align-items:center;cursor:pointer;display:flex;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.search-dropdown-item:hover{background-color:#00000008}.search-dropdown-item-avatar{border:1px solid #0000000d;border-radius:50%;height:36px;margin-right:var(--spacing-sm);object-fit:cover;width:36px}.search-dropdown-item-info{display:flex;flex:1 1;flex-direction:column}.search-dropdown-item-username{color:#8e8e8e;color:var(--secondary-text);font-size:var(--font-size-sm);font-weight:600}.search-dropdown-item-fullname{color:var(--on-surface-secondary-color);font-size:13px}.search-dropdown-empty{color:var(--on-surface-secondary-color);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.user-menu{margin-left:var(--spacing-sm);position:relative}.user-menu-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:var(--spacing-xs);transition:background-color .2s ease}.user-menu-button:hover{background-color:#0000000d}.user-avatar-header{border:1px solid #0000000d;border-radius:50%;height:32px;object-fit:cover;width:32px}.user-menu-dropdown{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a,0 0 1px #0000001a;opacity:0;padding:var(--spacing-xs) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;width:200px;z-index:100}.user-menu-dropdown.show{opacity:1;pointer-events:all;transform:translateY(0)}.user-menu-item{align-items:center;color:#8e8e8e;color:var(--secondary-text);display:flex;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color .2s ease}.user-menu-item:hover{background-color:#00000008;color:#262626;color:var(--primary-text)}.user-menu-item svg{color:#262626;color:var(--primary-text);margin-right:var(--spacing-sm)}.user-menu-signout-section{Align-items:center;display:flex;justify-content:center;padding-top:6px}.user-menu-divider{background-color:#00000014;height:1px;margin:var(--spacing-xs) 0}.theme-switcher{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.theme-switcher-label{align-items:center;color:#8e8e8e;color:var(--secondary-text);display:flex;font-size:var(--font-size-sm);font-weight:500}.theme-switcher-label svg{color:var(--on-surface-secondary-color);margin-right:var(--spacing-sm)}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#0003;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:transform .3s ease;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.create-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;margin-left:var(--spacing-md);padding:8px 16px;transition:background-color .2s ease,transform .1s ease}.create-button:hover{background-color:#1877f2e6;background-color:rgba(var(--primary-color-rgb,24,119,242),.9)}.create-button:active{transform:scale(.98)}.create-button svg{margin-right:var(--spacing-xs)}.mobile-menu-button{background:none;border:none;color:var(--on-surface-color);cursor:pointer;display:none;padding:var(--spacing-xs)}.mobile-menu{background-color:var(--surface-color);bottom:0;display:none;left:0;padding:var(--spacing-md);position:fixed;right:0;top:60px;top:var(--header-height,64px);transform:translateX(100%);transition:transform .3s ease;z-index:999}.mobile-menu.open{transform:translateX(0)}.mobile-nav-links{list-style:none;margin:0;padding:0}.mobile-nav-item{margin-bottom:var(--spacing-md)}.mobile-nav-link{align-items:center;border-radius:var(--border-radius);color:var(--on-surface-color);display:flex;font-size:1rem;font-weight:500;padding:var(--spacing-sm);text-decoration:none;transition:background-color .2s ease}.mobile-nav-link:hover{background-color:#0000000d}.mobile-nav-link svg{font-size:1.25rem;margin-right:var(--spacing-sm)}.mobile-search{margin-bottom:var(--spacing-md)}@media (prefers-color-scheme:dark){.header{border-bottom:1px solid #ffffff14}.header-scrolled{background-color:#1e1e1ef2;background-color:rgba(var(--dark-surface-color-rgb,30,30,30),.95);box-shadow:0 2px 8px #0003}.nav-link:hover,.search-input{background-color:#ffffff0d}.search-input{border-color:#ffffff1a}.search-input:focus{background-color:#ffffff14;border-color:#1877f299;border-color:rgba(var(--primary-color-rgb,24,119,242),.6)}.mobile-nav-link:hover,.search-dropdown-item:hover,.user-menu-button:hover,.user-menu-item:hover{background-color:#ffffff0d}.search-dropdown,.user-menu-dropdown{background-color:#fff;background-color:var(--primary-bg);box-shadow:0 4px 12px #0000004d,0 0 1px #ffffff1a}.user-menu-divider{background-color:#ffffff14}.toggle-slider{background-color:#fff3}.toggle-slider:before{background-color:var(--dark-surface-color)}}@media (max-width:1024px){.search-container{width:200px}}@media (max-width:768px){.create-button,.nav-links,.search-container{display:none}.mobile-menu,.mobile-menu-button{display:block}.logo h1{font-size:1.25rem}.header-content{padding:0 var(--spacing-sm)}}:root{--post-bg:#fff;--post-border:#e0e0e0;--button-color:#0095f6;--like-color:#ed4956;--hover-bg:#f8f8f8}.dark-mode{--post-bg:#121212;--post-border:#2c2c2c;--button-color:#0095f6;--like-color:#ff6b6b;--hover-bg:#1e1e1e}.feed-post{background-color:#fff;background-color:var(--post-bg);border:1px solid #e0e0e0;border:1px solid var(--post-border);border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:24px;transition:box-shadow .3s ease}.feed-post:hover{box-shadow:0 2px 8px #00000026}.post-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--post-border);display:flex;padding:14px 16px}.user-avatar{height:32px;margin-right:12px;object-fit:cover;width:32px}.user-name{color:#262626;color:var(--text-color);font-size:14px;font-weight:600}.post-username{text-decoration:none}.post-content img{height:auto;object-fit:cover;width:100%}.post-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--post-border);display:flex;padding:12px 16px}.comment-btn,.like-btn{background:none;border:none;color:#262626;color:var(--text-color);cursor:pointer;font-size:24px;margin-right:16px;transition:color .2s ease}.comment-btn:hover,.like-btn:hover{color:#0095f6;color:var(--button-color)}.liked{color:#ed4956;color:var(--like-color)}.post-caption{color:#262626;color:var(--text-color);font-size:14px;line-height:1.4;margin:0;padding:12px 16px}.comments-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--post-border);padding:12px 16px}.comments-list{list-style-type:none;margin:0;padding:0}.comment,.reply{align-items:flex-start;display:flex;margin-bottom:3px}.comment:hover{box-shadow:0 1px 2px #00000036}.comment-content,.reply-content{flex:1 1}.comment-username,.reply-username{color:#262626;color:var(--text-color);font-size:13px;font-weight:600;margin-right:8px}.comment-text,.reply-text{color:#262626;color:var(--text-color);font-size:13px;word-break:break-word}.comment-actions,.reply-actions{color:var(--modal-secondary-text);font-size:12px}.comment-action,.reply-action{cursor:pointer;margin-right:16px}.comment-like-btn,.reply-like-btn{background:none;border:none;color:#8e8e8e;color:var(--secondary-text-color);cursor:pointer;font-size:12px;transition:color .2s ease}.comment-like-btn:hover,.reply-like-btn:hover{color:#0095f6;color:var(--button-color)}.comment-form,.reply-form{display:flex;margin-top:12px}.comment-form input,.reply-form input{background-color:#fff;background-color:var(--post-bg);border:1px solid #e0e0e0;border:1px solid var(--post-border);border-radius:20px;color:#262626;color:var(--text-color);flex:1 1;font-size:13px;padding:8px 12px}.comment-form button,.reply-form button{background-color:#0095f6;background-color:var(--button-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:8px;padding:8px 16px;transition:background-color .2s ease}.comment-form button:hover,.reply-form button:hover{background-color:#0077c5}.comment-user-avatar,.reply-user-avatar{border-radius:50%;height:28px;margin-right:10px;margin-top:9px;object-fit:cover;width:28px}.replies-list{list-style-type:none;padding-left:0}.reply-btn{background:none;border:none;color:#8e8e8e;color:var(--secondary-text-color);cursor:pointer;font-size:12px;margin-left:8px;transition:color .2s ease}.reply-btn:hover{color:#0095f6;color:var(--button-color)}.show-more-btn{background:none;border:none;color:#8e8e8e;color:var(--secondary-text-color);cursor:pointer;font-size:12px;margin-top:8px;text-decoration:underline}.show-more-btn:hover{color:#262626;color:var(--text-color)}.error-message{color:#ff3b30;font-size:13px;margin:8px 16px}.loading-indicator{color:#8e8e8e;color:var(--secondary-text-color);font-size:14px;padding:12px;text-align:center}.home-container{gap:var(--spacing-md);grid-template-columns:1fr;margin:0 auto;max-width:100%;padding:var(--spacing-md)}@media (min-width:992px){.home-container{grid-template-columns:1fr 320px;max-width:1200px}}.landing-container{background-color:var(--surface-color);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.landing-hero{padding:var(--spacing-lg) var(--spacing-md);text-align:center}.landing-hero h1{color:var(--primary-color);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.landing-hero p{color:var(--on-surface-secondary-color);font-size:var(--font-size-lg);margin:0 auto var(--spacing-lg);max-width:600px}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.cta-button{border-radius:var(--border-radius);font-weight:600;padding:12px 28px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-button.primary{background-color:var(--primary-color);color:#fff}.cta-button.secondary{background-color:var(--background-color);border:1px solid var(--primary-color);color:var(--primary-color)}.cta-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.landing-features{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-lg)}.feature-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{color:var(--primary-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-card-spacer{flex-grow:1}.feature-card p{color:var(--on-surface-secondary-color);margin-bottom:0}.feed-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.feed-title{color:var(--primary-text);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.feed{gap:var(--spacing-lg)}.feed,.sidebar{display:flex;flex-direction:column}.sidebar{gap:var(--spacing-md)}.user-profile-card{align-items:center;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;padding:var(--spacing-md)}.user-avatar{border-radius:50%;flex-shrink:0;height:60px;margin-right:var(--spacing-md);overflow:hidden;width:60px}.user-avatar.small{height:40px;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;overflow:hidden}.username{color:var(--primary-text);display:block;font-size:var(--font-size-md);font-weight:600;margin-bottom:2px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.username.small{font-size:var(--font-size-sm)}.username:hover{color:var(--primary-color)}.user-email{color:var(--on-surface-secondary-color);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-users{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;padding:var(--spacing-md)}.suggested-users h3{color:var(--on-surface-color);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md)}.suggested-user{align-items:center;border-bottom:1px solid #0000000d;display:flex;padding:var(--spacing-sm) 0}.suggested-user:last-child{border-bottom:none}.suggestion-reason{color:var(--on-surface-secondary-color);display:block;font-size:var(--font-size-sm)}.follow-button{background-color:initial;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:6px 12px;transition:color .2s ease}.follow-button:hover{color:#166fe5}.app-info{color:var(--on-surface-secondary-color);font-size:var(--font-size-sm);padding:var(--spacing-md)}.app-info .links{margin-bottom:var(--spacing-sm)}.app-info a{color:var(--on-surface-secondary-color);margin:0 var(--spacing-xs);text-decoration:none}.app-info a:hover{text-decoration:underline}.copyright{font-size:var(--font-size-sm)}.empty-feed{align-items:center;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-feed h3{color:var(--on-surface-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.empty-feed p{color:var(--on-surface-secondary-color);margin-bottom:var(--spacing-md)}.primary-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.primary-button:hover{background-color:#166fe5}.loading-indicator{align-items:center;color:var(--on-surface-secondary-color);display:flex;flex-direction:column;padding:var(--spacing-md)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary-color);height:30px;margin-bottom:var(--spacing-sm);width:30px}.end-message{color:var(--on-surface-secondary-color);font-style:italic;padding:var(--spacing-md);text-align:center}.skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-skeleton{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;padding:var(--spacing-md)}.skeleton-header{align-items:center;display:flex;margin-bottom:var(--spacing-md)}.skeleton-avatar{border-radius:50%;height:40px;margin-right:var(--spacing-md);width:40px}.skeleton-avatar,.skeleton-username{animation:pulse 1.5s ease-in-out infinite;background-color:#eee}.skeleton-username{border-radius:4px;height:16px;width:120px}.skeleton-image{border-radius:var(--border-radius);height:300px;width:100%}.skeleton-actions,.skeleton-image{animation:pulse 1.5s ease-in-out infinite;background-color:#eee;margin-bottom:var(--spacing-md)}.skeleton-actions{border-radius:4px;height:24px;width:120px}.skeleton-caption{animation:pulse 1.5s ease-in-out infinite;background-color:#eee;border-radius:4px;height:16px;width:70%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes spin{to{transform:rotate(1turn)}}.auth-form .form-group .form-input{color:#fff}@media (prefers-color-scheme:dark){.empty-feed,.post-skeleton,.suggested-users,.user-profile-card{background-color:var(--dark-surface-color);box-shadow:0 2px 8px #0003}.suggested-user{border-bottom-color:#ffffff1a}.skeleton-actions,.skeleton-avatar,.skeleton-caption,.skeleton-image,.skeleton-username{background-color:var(--dark-border-color)}.landing-hero h1{color:var(--primary-color)}.app-info,.empty-feed p,.end-message,.suggestion-reason{color:var(--dark-text-color)}.cta-button.secondary{background-color:var(--dark-surface-color);border-color:var(--primary-color)}.loading-spinner{border-color:#ffffff1a;border-top-color:var(--primary-color)}}*,:after,:before{box-sizing:border-box}.auth-container{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;margin:0 auto;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);max-width:450px;padding:var(--spacing-lg);position:relative;transition:transform .3s ease,box-shadow .3s ease}.auth-container:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.auth-header{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);text-align:center}.auth-header h2{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--on-surface-secondary-color);margin-bottom:var(--spacing-md)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{position:relative;width:100%}.form-group input{background-color:var(--surface-color);border:1px solid var(--on-surface-secondary-color);border-radius:var(--border-radius);box-sizing:border-box;font-size:var(--font-size-md);padding:12px var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1877f233}.form-group.has-error input{border-color:var(--error-color)}.error-message{animation:fadeIn .3s ease;color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.auth-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:12px;transition:background-color .3s ease,transform .1s ease}.auth-btn:hover{background-color:#166fe5}.auth-btn:active{transform:scale(.98)}.auth-btn.disabled{background-color:var(--on-surface-secondary-color);cursor:not-allowed}.auth-divider{align-items:center;display:flex;margin:var(--spacing-md) 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--on-surface-secondary-color);content:"";flex:1 1}.auth-divider span{color:var(--on-surface-secondary-color);font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:36px;justify-content:center;left:var(--spacing-lg);padding:0;position:absolute;top:var(--spacing-lg);transition:background-color .2s ease;width:36px;z-index:1}.back-button:hover{background-color:#1877f21a}.back-button:active{background-color:#1877f233}.back-button svg{transform:translateX(3px);transition:transform .2s ease}.back-button:hover svg{transform:translateX(0)}.social-login-btn{background-color:var(--surface-color);border:1px solid var(--on-surface-secondary-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--on-surface-color);cursor:pointer;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);padding:12px;transition:background-color .3s ease,transform .1s ease;width:100%}.google-icon,.social-login-btn{align-items:center;display:flex;justify-content:center}.google-icon{background-color:initial;height:20px;width:20px}.social-login-btn:hover{background-color:var(--background-color)}.social-login-btn:active{transform:scale(.98)}.social-login-btn img{height:20px;width:20px}.auth-footer{color:var(--on-surface-secondary-color);font-size:var(--font-size-sm);margin-top:var(--spacing-md);text-align:center}.auth-footer a{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.auth-container{background-color:var(--dark-surface-color);box-shadow:0 2px 10px #0000004d}.form-group input{background-color:var(--dark-input-bg);border-color:var(--dark-border-color);color:var(--dark-text-color)}.form-group input:focus{box-shadow:0 0 0 2px #1877f266}.social-login-btn{background-color:var(--dark-input-bg);border-color:var(--dark-border-color);color:var(--dark-text-color)}.social-login-btn:hover{background-color:#ffffff0d}}@media (max-width:480px){.auth-container{margin:0 var(--spacing-sm);max-width:100%;padding:var(--spacing-md)}}:root{--modal-bg:#fff;--modal-text:#262626;--modal-secondary-text:#8e8e8e;--modal-border:#dbdbdb;--secondary-bg:#fafafa;--button-hover:#00376b}.dark-mode{--modal-bg:#1e1e1e;--modal-text:#fff;--modal-secondary-text:#b0b0b0;--modal-border:#383838;--secondary-bg:#2c2c2c;--button-hover:#1c5380}.modal-overlay,cssCopy.modal-overlay{background-color:#000000bf}cssCopy.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--modal-bg);border-radius:12px;box-shadow:0 0 10px #0000004d;display:flex;height:90vh;max-height:600px;max-width:935px;overflow:hidden;width:95%}.modal-post{display:flex;flex:3 1;flex-direction:column}.modal-media{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center}.modal-media img{max-height:100%;max-width:100%;object-fit:contain}.modal-comments{border-left:1px solid #dbdbdb;border-left:1px solid var(--modal-border);flex:2 1}.modal-comments-header{border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--modal-border);padding:16px}.modal-comments-list{flex:1 1;overflow-y:auto;padding:16px}.comment{align-items:flex-start;display:flex;margin-bottom:16px}.comment-avatar{border-radius:50%;height:32px;margin-right:12px;width:32px}.comment-content{flex:1 1}.comment-username{font-weight:600;margin-right:8px}.comment-text{word-break:break-word}.comment-actions{color:#8e8e8e;color:var(--modal-secondary-text);font-size:12px;margin-top:4px}.comment-action{cursor:pointer;margin-right:16px}.replies{margin-top:8px}.modal-reply{margin-bottom:8px}.show-more-replies{color:#8e8e8e;color:var(--modal-secondary-text);cursor:pointer;margin-bottom:8px;margin-left:44px}.comment-input{background-color:initial;border:none;color:#262626;color:var(--modal-text);font-size:14px;padding:8px 0;resize:none;width:100%}.comment-input:focus{outline:none}.post-button{background:none;border:none;color:#0095f6;color:var(--primary-color);cursor:pointer;font-weight:600}.post-button:disabled{cursor:default;opacity:.5}.modal-post-details{border-top:1px solid #dbdbdb;border-top:1px solid var(--modal-border);padding:16px}.modal-caption{color:#262626;color:var(--modal-text);font-size:14px;line-height:1.5;margin:0 0 12px}.modal-meta{display:flex;justify-content:space-between}.modal-date,.modal-meta{color:#8e8e8e;color:var(--modal-secondary-text);font-size:12px;margin-bottom:12px}.modal-comments{display:flex;flex:1 1;flex-direction:column;padding:16px}.modal-comments h3{font-size:16px;font-weight:600;margin:0 0 16px}.modal-comments ul{flex:1 1;list-style-type:none;margin:0;overflow-y:auto;padding:0}.comment a{color:#262626;color:var(--modal-text);font-weight:600;text-decoration:none}.comment-form{border-top:1px solid #dbdbdb;border-top:1px solid var(--modal-border);display:flex;margin-top:16px;padding-top:16px}.comment-form input{border:1px solid #dbdbdb;border:1px solid var(--modal-border);border-radius:3px;flex:1 1;font-size:14px;padding:8px 12px}.comment-form button,.like-button,.reply-button{background-color:#0095f6;background-color:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.comment-form button:hover,.like-button:hover,.reply-button:hover{background-color:#00376b;background-color:var(--button-hover)}.modal-close{background:none;border:none;color:#262626;color:var(--modal-text);font-size:24px;right:10px;top:10px}:root{--profile-bg:#fff;--profile-text:#262626;--profile-secondary-text:#8e8e8e;--profile-border:#dbdbdb}.dark-mode{--profile-bg:#1e1e1e;--profile-text:#fff;--profile-secondary-text:#b0b0b0;--profile-border:#383838}.profile{background-color:#fff;background-color:var(--profile-bg);color:#262626;color:var(--profile-text);display:grid;grid-template-columns:1fr min(935px,100%) 1fr}.profile>*{grid-column:2}.profile-header{grid-gap:30px;align-items:center;background-color:var(--secondary-bg);display:grid;gap:30px;grid-template-columns:auto 1fr}.profile-picture{border-radius:50%;height:150px;object-fit:cover;width:150px}.posts-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.post{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease}.post:hover{transform:scale(1.01)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-info{flex-grow:1}.profile-info h2{color:#262626;color:var(--profile-text);font-size:28px;font-weight:300;margin-bottom:12px}.profile-stats{margin-bottom:20px}.profile-stat{color:#8e8e8e;color:var(--profile-secondary-text)}.profile-bio{color:#262626;color:var(--profile-text);font-size:16px;line-height:1.5}.profile-actions{display:flex;gap:10px}.profile-actions button{background-color:#fff;background-color:var(--profile-bg);border:1px solid #dbdbdb;border:1px solid var(--profile-border);border-radius:4px;color:#262626;color:var(--profile-text);cursor:pointer;font-weight:600;padding:6px 16px}.profile-actions button.primary{background-color:var(--accent-color);border:none;color:#fff;color:var(--profile-bg)}.profile-post-thumbnail{height:100%;object-fit:cover;width:100%}.post-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.post-stats{color:#fff;font-size:16px;font-weight:600}.post-stats span{margin:0 10px}.post-stats span:before{content:"•";margin-right:10px}.post-stats span:first-child:before{content:none}.post-modal{background-color:#fff;display:flex;height:600px;max-width:935px}.post-modal .post-content{height:100%;width:600px}.post-modal .post-details{border-left:1px solid #dbdbdb;display:flex;flex-direction:column;flex-grow:1}.post-modal .post-header{border-bottom:1px solid #dbdbdb;padding:16px}.post-modal .post-caption{flex-grow:1;overflow-y:auto;padding:16px}.post-modal .post-actions{border-top:1px solid #dbdbdb;padding:16px}.post-modal .comments-section{max-height:300px;overflow-y:auto;padding:16px}.loading,.no-more-posts{color:#8e8e8e;font-size:16px;padding:20px;text-align:center}.profile-header{border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--profile-border);margin-bottom:20px;padding:21px 0}.profile-info{display:flex;flex-direction:column}.profile-username{font-size:28px;font-weight:300;margin-bottom:12px;margin-top:0}.profile-stats{display:flex;margin-bottom:12px}.profile-stat{font-size:16px;margin-left:12px;margin-right:40px}.profile-stat-count{font-weight:600}.profile-bio-title{font-weight:600;margin-bottom:1px;margin-left:6px;margin-top:1px}.profile-bio{margin-bottom:12px;margin-left:12px;margin-top:1px}.profile-website{color:#00376b;font-weight:600;margin-left:6px;margin-top:1px;text-decoration:none}.profile-location{color:#8e8e8e;color:var(--profile-secondary-text);margin-bottom:12px;margin-left:6px;margin-top:1px}.edit-profile-btn{background-color:initial;border:1px solid #dbdbdb;border:1px solid var(--profile-border);border-radius:4px;cursor:pointer;font-weight:600;padding:5px 9px}.edit-profile-modal{background-color:#fff;background-color:var(--profile-bg);border-radius:12px;max-width:90%;padding:20px;width:400px}.edit-profile-form{display:flex;flex-direction:column}.edit-profile-form input,.edit-profile-form textarea{border:1px solid #dbdbdb;border:1px solid var(--profile-border);border-radius:4px;margin-bottom:15px;padding:8px}.edit-profile-form button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}:root{--bg-color:var(--surface-color);--text-color:var(--on-surface-color);--border-color:var(--on-surface-secondary-color);--button-bg:var(--primary-color);--button-text:var(--surface-color);--button-disabled-bg:var(--on-surface-secondary-color);--input-bg:var(--surface-color);--error-color:var(--error-color);--overlay-bg:#00000080}@media (prefers-color-scheme:dark){:root{--bg-color:var(--dark-surface-color);--text-color:var(--dark-text-color);--border-color:var(--dark-border-color);--button-bg:var(--dark-button-bg);--button-text:var(--dark-button-text);--button-disabled-bg:var(--dark-button-disabled-bg);--input-bg:var(--dark-input-bg);--error-color:var(--dark-error-color);--overlay-bg:var(--dark-overlay-bg)}}.image-capture{background-color:var(--surface-color);background-color:var(--bg-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:var(--on-surface-color);color:var(--text-color);padding:var(--spacing-md)}h2{margin-bottom:20px}.error{color:var(--error-color);margin-bottom:10px}.controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.control-group{align-items:center}label{margin-right:10px}input[type=number],input[type=range]{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--on-surface-color);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm)}input[type=checkbox]{margin-right:5px}.camera-container{border:2px solid var(--border-color);border-radius:var(--border-radius);margin:0 auto 20px;max-width:640px;overflow:hidden;position:relative;width:100%}video{border:2px solid var(--border-color);border-radius:4px;width:100%}.capturing-indicator{background-color:red;height:20px;right:10px;top:10px;width:20px}.button-container{display:flex;gap:10px;margin-bottom:20px}button{background-color:var(--button-bg);color:var(--button-text);transition:background-color .3s,opacity .3s}button:hover{background-color:var(--primary-color);background-color:var(--button-bg);opacity:.9}button:disabled{background-color:var(--button-disabled-bg)}.processing-choices{margin-bottom:20px}.processing-choices label{display:block;margin-bottom:5px}.processing-overlay{align-items:center;background-color:#00000080;background-color:var(--overlay-bg);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}pre{word-wrap:break-word;border:1px solid var(--border-color);border-radius:4px;color:var(--on-surface-color);color:var(--text-color);padding:10px;white-space:pre-wrap}.captured-images{border:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px}.captured-images img{border:1px solid var(--border-color);border-radius:4px;height:100px;width:100px}:root{--bg-color:#fff;--text-color:#262626;--secondary-text-color:#8e8e8e;--unread-bg:#fafafa;--read-bg:#fff;--hover-bg:#f7f7f7;--border-color:#dbdbdb;--time-color:#8e8e8e;--primary-color:#0095f6}.dark-mode{--bg-color:#121212;--text-color:#fafafa;--secondary-text-color:#a8a8a8;--unread-bg:#1c1c1c;--read-bg:#121212;--hover-bg:#1c1c1c;--border-color:#2c2c2c;--time-color:#a8a8a8}.notifications-container{background-color:#fff;background-color:var(--bg-color);color:#262626;color:var(--text-color);margin:0 auto;max-width:600px;padding:20px}.notifications-header{border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border-color);font-size:24px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.notifications-loading{color:#8e8e8e;color:var(--secondary-text-color);font-size:16px;margin-top:20px;text-align:center}.notifications-list{list-style-type:none;padding:0}.notification-item{background-color:#fff;background-color:var(--read-bg);border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border-color);cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s ease}.notification-item:hover{background-color:#f7f7f7;background-color:var(--hover-bg)}.notification-item.unread{background-color:#fafafa;background-color:var(--unread-bg)}.notification-content{align-items:center;display:flex}.sender-avatar{border-radius:50%;height:44px;margin-right:12px;object-fit:cover;width:44px}.notification-text{flex-grow:1;font-size:14px;line-height:1.4}.notification-text strong{font-weight:600}.notification-time{color:#8e8e8e;color:var(--time-color);display:block;font-size:12px;margin-top:4px}.post-thumbnail{height:44px;margin-left:12px;object-fit:cover;width:44px}@media (max-width:600px){.notification-item,.notifications-container{padding:12px}.post-thumbnail,.sender-avatar{height:36px;width:36px}.notification-text{font-size:13px}}:root{--primary-color:#1877f2;--secondary-color:#42b72a;--background-color:#f0f2f5;--surface-color:#fff;--on-surface-color:#1c1e21;--on-surface-secondary-color:#65676b;--error-color:#ed4956;--border-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--dark-background:#121212;--dark-surface:#1e1e1e;--dark-on-surface:#e0e0e0;--dark-bg-color:#121212;--dark-surface-color:#1e1e1e;--dark-text-color:#e0e0e0;--dark-border-color:#333;--dark-button-bg:#1877f2;--dark-button-text:#fff;--dark-button-disabled-bg:#3a3b3c;--dark-input-bg:#2c2c2c;--dark-error-color:#ff6b6b;--dark-overlay-bg:#ffffff1a;--font-size-sm:clamp(0.8rem,0.17vw + 0.76rem,0.89rem);--font-size-base:clamp(1rem,0.34vw + 0.91rem,1.19rem);--font-size-md:clamp(1.25rem,0.61vw + 1.1rem,1.58rem);--font-size-lg:clamp(1.56rem,1vw + 1.31rem,2.11rem)}body{background-color:#f0f2f5;background-color:var(--background-color);color:#1c1e21;color:var(--on-surface-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;padding:0}.App{margin:0 auto;max-width:600px;padding:16px;padding:var(--spacing-md)}@media (prefers-color-scheme:dark){body{background-color:#121212;background-color:var(--dark-bg-color);color:#e0e0e0;color:var(--dark-text-color)}.App{background-color:#1e1e1e;background-color:var(--dark-surface-color)}input[type=email],input[type=number],input[type=password],input[type=text],select{border-color:#333;border-color:var(--dark-border-color);color:var(--text-color)}button{background-color:#1877f2;background-color:var(--dark-button-bg);color:#fff;color:var(--dark-button-text)}button:disabled{background-color:#3a3b3c;background-color:var(--dark-button-disabled-bg)}.control-group input[type=range]{background:#333;background:var(--dark-border-color)}.control-group input[type=range]::-webkit-slider-thumb{background:#1877f2;background:var(--dark-button-bg)}.control-group input[type=range]::-moz-range-thumb{background:#1877f2;background:var(--dark-button-bg)}.image-editor select{background-color:#1e1e1e;background-color:var(--dark-surface-color);border:1px solid var(--border-color);color:var(--text-color)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0f2f5;background:var(--background-color)}::-webkit-scrollbar-thumb{background:#1877f2;background:var(--primary-color);border-radius:4px}a,button,input{transition:all .3s ease}button:focus,input:focus{outline:2px solid #1877f2;outline:2px solid var(--primary-color);outline-offset:2px}.header h1{color:#1877f2;color:var(--primary-color);font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-size:var(--font-size-lg);margin:0}.header nav a{color:#65676b;color:var(--on-surface-secondary-color);font-weight:500;margin-left:16px;margin-left:var(--spacing-md);text-decoration:none}.header nav a:focus,.header nav a:hover{color:#1877f2;color:var(--primary-color)}.content-below-header{padding-bottom:1px;padding-top:40px}.main-content{background-color:var(--secondary-bg);color:#65676b;color:var(--on-surface-secondary-color)}form{margin-bottom:24px;margin-bottom:var(--spacing-lg)}input[type=email],input[type=number],input[type=password],input[type=text],select{background-color:var(--input-surface-color);border:1px solid #65676b;border:1px solid var(--on-surface-secondary-color);border-radius:8px;border-radius:var(--border-radius);color:var(--text-color);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);width:100%}button{background-color:#1877f2;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--surface-color);cursor:pointer;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}button:focus,button:hover{background-color:#166fe5}button:disabled{background-color:#65676b;background-color:var(--on-surface-secondary-color);cursor:not-allowed}.camera-container canvas,.camera-container video{display:block;height:auto;width:100%}.capturing-indicator{animation:blink 1s infinite;background-color:#ed4956;background-color:var(--error-color);border-radius:50%;height:12px;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);width:12px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.control-group{display:flex;flex-direction:column;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.control-group label{color:#65676b;color:var(--on-surface-secondary-color);font-size:clamp(.8rem,.17vw + .76rem,.89rem);font-size:var(--font-size-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.control-group input[type=range]{-webkit-appearance:none;background:#65676b;background:var(--on-surface-secondary-color);height:4px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.control-group input[type=range]:hover{opacity:1}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1877f2;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.control-group input[type=range]::-moz-range-thumb{background:#1877f2;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.captured-images{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:16px;margin-top:var(--spacing-md)}.captured-images img{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0003;height:80px;object-fit:cover;width:100%}.image-editor{display:flex;flex-direction:column;height:calc(100vh - 32px);height:calc(100vh - var(--spacing-md)*2)}.top-bar{align-items:center;background-color:#fff;background-color:var(--surface-color);border-bottom:1px solid #65676b;border-bottom:1px solid var(--on-surface-secondary-color);display:flex;justify-content:space-between;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.top-bar h2{font-weight:600;margin:0}.icon-button,.top-bar h2{font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-size:var(--font-size-lg)}.icon-button{background:none;border:none;color:#1877f2;color:var(--primary-color);cursor:pointer;padding:4px;padding:var(--spacing-xs)}.canvas-container{align-items:center;background-color:var(--bg-color);display:flex;flex-grow:1;justify-content:center;overflow:hidden}.filter-options{margin-bottom:16px;margin-bottom:var(--spacing-md)}.filter-options select{background-color:#fff;background-color:var(--surface-color);border:1px solid #65676b;border:1px solid var(--on-surface-secondary-color);border-radius:8px;border-radius:var(--border-radius);color:#1c1e21;color:var(--on-surface-color);font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md);padding:8px;padding:var(--spacing-sm);width:100%}.adjustment-controls{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-close{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;top:20px}.comment .reply{border-left:2px solid var(--border-color);padding-left:3px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:768px){.App{max-width:800px}.control-group{align-items:center;flex-direction:row}.control-group label{flex:0 0 150px;margin-bottom:0;margin-right:8px;margin-right:var(--spacing-sm)}.captured-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.captured-images img{height:120px}}.image-editor{background-color:var(--bg-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:var(--text-color);padding:16px;padding:var(--spacing-md)}.image-editor .top-bar{border-bottom:1px solid var(--border-color)}.image-editor .controls,.image-editor .top-bar{background-color:var(--bg-color)}.image-editor input[type=range]{background-color:var(--input-bg)}.image-editor select{background-color:var(--input-surface-color);border:1px solid var(--border-color);color:var(--text-color)}.image-editor .post-button{background-color:var(--button-bg);color:var(--button-text)}
/*# sourceMappingURL=main.5f33edd2.css.map*/