.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.navbar-inner{max-width:var(--max-width);padding:var(--space-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{color:var(--color-text);font-size:1.4rem;font-weight:700}.navbar-logo:hover{text-decoration:none}.navbar-links{align-items:center;gap:var(--space-md);display:flex}.navbar-links a{color:var(--color-text);font-weight:600}.navbar-logout{color:var(--color-primary);background:0 0;border:none;font-weight:600}.navbar-logout:hover{color:var(--color-primary-hover)}@media (width<=480px){.navbar-inner{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-direction:column}.navbar-logo{font-size:1.2rem}.navbar-links{gap:var(--space-md);font-size:.95rem}}.auth{max-width:350px;margin:var(--space-xl) auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xl) var(--space-lg);text-align:center}.auth-title{margin-bottom:var(--space-xs);font-size:2rem}.auth-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.auth-form{gap:var(--space-md);text-align:left;flex-direction:column;display:flex}.auth-label{gap:var(--space-xs);color:var(--color-text-muted);flex-direction:column;font-size:.85rem;display:flex}.auth-label input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem}.auth-button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius);padding:var(--space-sm);border:none;font-weight:600}.auth-button:hover{background-color:var(--color-primary-hover)}.auth-error{color:var(--color-danger);padding:var(--space-sm);border-radius:var(--radius);background-color:#ffeaea;font-size:.9rem}.auth-switch{margin-top:var(--space-lg);font-size:.9rem}.post-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-lg);overflow:hidden}.post-header{padding:var(--space-md);justify-content:space-between;align-items:center;display:flex}.post-author{color:var(--color-text);font-weight:600}.post-date{color:var(--color-text-muted);font-size:.8rem}.post-image{object-fit:cover;background-color:#000;width:100%;max-height:600px}.post-actions{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex}.like-button{color:var(--color-text);background:0 0;border:none;font-size:1.6rem;line-height:1}.like-button.liked{color:var(--color-danger)}.post-likes{font-size:.9rem;font-weight:600}.post-caption{padding:0 var(--space-md) var(--space-sm)}.post-comments-toggle{color:var(--color-text-muted);padding:0 var(--space-md) var(--space-md);background:0 0;border:none;font-size:.9rem}.post-comments{border-top:1px solid var(--color-border);padding:var(--space-md)}.post-no-comments{color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.9rem}.comment{margin-bottom:var(--space-sm);font-size:.95rem}.comment-form{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.comment-form input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);flex:1;font-size:.95rem}.comment-form button{color:var(--color-primary);background:0 0;border:none;font-weight:600}.comment-form button:hover{color:var(--color-primary-hover)}.feed{flex-direction:column;display:flex}.feed-message{text-align:center;color:var(--color-text-muted);margin-top:var(--space-xl)}.feed-empty{text-align:center;margin-top:var(--space-xl);gap:var(--space-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.upload{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg)}.upload-title{margin-bottom:var(--space-lg);text-align:center}.upload-form{gap:var(--space-md);flex-direction:column;display:flex}.upload-file{gap:var(--space-sm);flex-direction:column;font-weight:600;display:flex}.upload-preview{object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);width:100%;max-height:400px}.upload-label{gap:var(--space-sm);flex-direction:column;font-weight:600;display:flex}.upload-label textarea{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;font-family:inherit;font-size:1rem}.upload-button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius);padding:var(--space-sm);border:none;font-weight:600}.upload-button:hover{background-color:var(--color-primary-hover)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-error{color:var(--color-danger);padding:var(--space-sm);border-radius:var(--radius);background-color:#ffeaea;font-size:.9rem}.profile-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}.profile-username{margin-bottom:var(--space-xs);font-size:1.6rem}.profile-count{color:var(--color-text-muted);font-size:.9rem}.profile-bio{margin-top:var(--space-sm)}.profile-posts{flex-direction:column;display:flex}.profile-message{text-align:center;color:var(--color-text-muted);margin-top:var(--space-xl)}.page{max-width:var(--max-width);padding:var(--space-lg) var(--space-md);margin:0 auto}:root{--color-bg:#fafafa;--color-surface:#fff;--color-border:#dbdbdb;--color-text:#262626;--color-text-muted:#8e8e8e;--color-primary:#0095f6;--color-primary-hover:#1877f2;--color-danger:#ed4956;--color-link:#00376b;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--radius:8px;--max-width:600px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:1rem}img{max-width:100%;display:block}