body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.auth-form-container{background-color:var(--card-background);border:1px solid var(--border-color)}.auth-button{background-color:var(--button-background);color:var(--button-text-color)}.post-caption,.post-form{background-color:var(--card-background);border:1px solid var(--border-color)}.post-caption{color:var(--text-color)}:root{--font-sans:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-logo:"Grand Hotel",cursive;--bg-light:#f0f2f5;--card-bg-light:#fff;--text-primary-light:#1c1e21;--text-secondary-light:#65676b;--border-light:#dddfe2;--accent-light:#1877f2;--error-light:#fa383e;--bg-dark:#18191a;--card-bg-dark:#242526;--text-primary-dark:#e4e6eb;--text-secondary-dark:#b0b3b8;--border-dark:#3a3b3c;--accent-dark:#2d88ff;--error-dark:#f02849}body[data-theme=light]{--bg-color:var(--bg-light);--card-bg-color:var(--card-bg-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--border-color:var(--border-light);--accent-color:var(--accent-light);--error-color:var(--error-light)}body[data-theme=dark]{--bg-color:var(--bg-dark);--card-bg-color:var(--card-bg-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--border-color:var(--border-dark);--accent-color:var(--accent-dark);--error-color:var(--error-dark)}body{background:linear-gradient(180deg,#f0f2f5,#fff);background:linear-gradient(to bottom,var(--bg-light),#fff);color:var(--text-primary);font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-sans);margin:0;padding:0;transition:background-color .2s linear,color .2s linear}body[data-theme=dark]{background:linear-gradient(180deg,#18191a,#000);background:linear-gradient(to bottom,var(--bg-dark),#000)}#root{display:flex;flex-direction:column;min-height:100vh}.app-nav{background-color:var(--card-bg-color);border-bottom:1px solid var(--border-color);height:60px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-content{height:100%;justify-content:space-between;margin:0 auto;max-width:975px;width:100%}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-family:var(--font-logo);font-size:2rem;gap:10px;text-decoration:none}.nav-logo-img{height:32px;width:32px}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding-bottom:4px;position:relative;text-decoration:none;transition:color .2s ease-in-out}.nav-link.active,.nav-link:hover{color:var(--accent-color)}main{flex-grow:1;margin:0 auto;max-width:614px;padding:32px 20px}.post-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:24px;transition:box-shadow .2s ease-in-out}.post-card:hover{box-shadow:0 4px 12px #0000001a}.post-header{align-items:center;display:flex;font-weight:600;padding:14px 16px}.post-image{object-fit:cover;width:100%}.post-actions{display:flex;gap:1rem;padding:8px 16px}.post-actions button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0}.post-details{font-size:.9rem;padding:0 16px 16px}.post-likes{font-weight:600}.post-caption,.post-likes{margin-bottom:8px}.post-caption .username{cursor:pointer;font-size:1rem;font-weight:700;margin-right:8px;transition:color .2s ease-in-out}.post-caption .username:hover{color:var(--accent-color)}.comment{background-color:var(--bg-color);border-radius:12px;margin-bottom:8px;padding:8px 12px}.comment .username{cursor:pointer;font-size:.9rem;font-weight:700;margin-right:8px;transition:color .2s ease-in-out}.comment .username:hover{color:var(--accent-color)}.comment-text{line-height:1.4}.comment-list{margin-top:12px;max-height:150px;overflow-y:auto}.comment-form{align-items:center;border-top:1px solid var(--border-color);display:flex;margin-top:12px;padding:8px 0}.comment-input{background:#0000;border:none;color:var(--text-primary);flex-grow:1;font-size:.9rem;outline:none}.comment-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-weight:600;transition:opacity .2s ease-in-out}.comment-button:hover{opacity:.8}.comment-button:disabled{opacity:.4}.profile-container{margin:0 auto;max-width:935px}.profile-header{align-items:center;display:flex;gap:32px;margin-bottom:44px;padding:0 20px}.profile-avatar-container{flex-shrink:0;height:150px;width:150px}.profile-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{flex-grow:1}.profile-username{font-size:28px;font-weight:300;margin:0 0 20px}.profile-stats{display:flex;font-size:16px;gap:40px}.profile-posts-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.profile-post-item{cursor:pointer;position:relative}.profile-post-item img{height:100%;object-fit:cover;width:100%}.profile-post-overlay{align-items:center;background-color:#0000004d;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.profile-post-item:hover .profile-post-overlay{opacity:1}.profile-post-stats{display:flex;font-size:16px;font-weight:600;gap:30px}.profile-post-stats span{align-items:center;display:flex;gap:8px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:20px}.auth-container{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;max-width:380px;padding:40px;text-align:center;width:100%}.auth-title{font-family:var(--font-logo);font-size:3rem;margin-bottom:12px}.auth-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:24px}.auth-input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;margin-bottom:12px;padding:12px;width:100%}.auth-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}.auth-button{background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:12px;transition:opacity .2s;width:100%}.auth-button:hover{opacity:.9}.auth-toggle{color:var(--text-secondary);margin-top:24px}.auth-toggle-btn{color:var(--accent-color);font-weight:600;margin-left:8px}.auth-toggle-btn,.theme-switcher-btn{background:none;border:none;cursor:pointer}.theme-switcher-btn{align-items:center;color:var(--text-primary);display:flex;justify-content:center;padding:0}.create-post-container{margin-bottom:24px;text-align:center}.create-post-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:var(--accent-color);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.create-post-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.post-form-textarea{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.post-form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}.post-form-actions{display:flex;gap:12px;justify-content:flex-end}.btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:initial;color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-color)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background-color:var(--card-bg-color);border-radius:12px;max-height:90vh;max-width:80vw;overflow-y:auto;position:relative}.modal-close-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px}.file-input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:12px}.file-input-hidden{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-input-label{align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 15px;transition:all .2s}.file-input-label:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.file-name-display{color:var(--text-secondary);font-size:.9rem;font-style:italic}.not-found-container{padding:50px 20px;text-align:center}.not-found-image{height:150px;margin-bottom:20px;width:150px}