:root{--primary-color:#2e5835;--primary-hover:#234528;--accent-color:#c4601c;--accent-hover:#a8511a;--background:#f0e9d2;--surface:#faf6ed;--border:#ddd0b8;--text-primary:#1c2a1d;--text-secondary:#6a7b6d;--error:#b83020;--success:#2e5835;--shadow-sm:0 1px 3px 0 #00000012;--shadow-md:0 4px 10px -1px #00000017;--shadow-lg:0 10px 24px -3px #0000001f;--radius:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0e9d2;background-color:var(--background);color:#1c2a1d;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}.loading{align-items:center;color:#6a7b6d;color:var(--text-secondary);display:flex;justify-content:center;padding:2rem}.error-message{background-color:#fdecea;border:1px solid #f5c6c0;border-radius:10px;border-radius:var(--radius);color:#b83020;color:var(--error)}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.success-message{background-color:#e6f0e8;border:1px solid #b8d4bc;border-radius:10px;border-radius:var(--radius);color:#2e5835;color:var(--success)}.empty-state{color:#6a7b6d;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-state h3{color:#1c2a1d;color:var(--text-primary);margin-bottom:.5rem}.btn-primary,.btn-secondary{border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.01em;padding:.625rem 1.375rem;transition:all .18s ease}.btn-primary{background-color:#2e5835;background-color:var(--primary-color);color:#faf6ed}.btn-primary:hover:not(:disabled){background-color:#234528;background-color:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background-color:#faf6ed;background-color:var(--surface);border:1px solid #ddd0b8;border:1px solid var(--border);color:#1c2a1d;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#f0e9d2;background-color:var(--background);border-color:#6a7b6d;border-color:var(--text-secondary)}input[type=email],input[type=password],input[type=text],textarea{background-color:#faf6ed;background-color:var(--surface);border:1px solid #ddd0b8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#1c2a1d;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:all .18s;width:100%}input:focus,textarea:focus{border-color:#2e5835;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e58351f;outline:none}label{color:#1c2a1d;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group{margin-bottom:1.25rem}.auth-container{align-items:center;background-color:var(--primary-color);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:2.5rem;width:100%}.auth-card h1{color:var(--text-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:2rem}.auth-card form{margin-bottom:1.5rem}.auth-card button[type=submit]{background-color:var(--primary-color);border-radius:var(--radius);font-size:1rem;padding:.75rem;width:100%}.auth-link{color:var(--text-secondary);font-size:.875rem;text-align:center}.auth-link a{color:var(--accent-color);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.navbar{background:var(--primary-color);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar-logo{align-items:baseline;color:#faf6ed;display:flex;font-size:1.4rem;font-weight:800;gap:0;letter-spacing:-.02em;text-decoration:none}.logo-accent{color:#e8834a;font-style:italic;letter-spacing:-.03em}.navbar-menu{align-items:center;display:flex;gap:.25rem}.navbar-item{border-radius:var(--radius);color:#faf6edb8;font-size:.9375rem;font-weight:500;padding:.45rem 1rem;text-decoration:none;transition:all .18s}.navbar-item:hover{background-color:#faf6ed1f;color:#faf6ed}.navbar-item.active{background-color:#faf6ed2e;color:#faf6ed;font-weight:600}.navbar-profile-link{align-items:center;display:flex;padding:.25rem}.navbar-avatar{border:2px solid #faf6ed4d;border-radius:50%;display:block;height:34px;object-fit:cover;transition:border-color .18s;width:34px}.navbar-avatar-initial{align-items:center;background:var(--accent-color);color:#faf6ed;display:flex;font-size:.875rem;font-weight:700;justify-content:center}.navbar-profile-link:hover .navbar-avatar{border-color:#faf6edb3}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.375rem;transition:box-shadow .18s}.post-card:hover{box-shadow:var(--shadow-md)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.post-author{display:flex;gap:.75rem}.author-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#faf6ed;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:42px;justify-content:center;width:42px}.author-info h3{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.post-time{font-size:.8125rem}.delete-btn,.post-time{color:var(--text-secondary)}.delete-btn{align-items:center;background:none;border:none;border-radius:var(--radius);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;opacity:.6;padding:0;transition:all .18s;width:28px}.delete-btn:hover{background-color:#fdecea;color:var(--error);opacity:1}.post-content{margin-bottom:.75rem}.post-content p{word-wrap:break-word;color:var(--text-primary);font-size:.9375rem;line-height:1.65;white-space:pre-wrap}.post-content a{color:var(--accent-color);text-decoration:none;word-break:break-all}.post-content a:hover{text-decoration:underline}.post-image{border-radius:var(--radius);margin-top:.75rem;overflow:hidden}.post-image img{display:block;height:auto;width:100%}.link-preview-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:inherit;display:flex;flex-direction:column;margin-top:.875rem;overflow:hidden;text-decoration:none;transition:box-shadow .18s}.link-preview-card:hover{box-shadow:var(--shadow-md)}.link-preview-card-img{display:block;max-height:200px;object-fit:cover;width:100%}.link-preview-card-body{border-top:3px solid var(--accent-color);padding:.75rem 1rem}.link-preview-card-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.link-preview-card-desc,.link-preview-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview-card-desc{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.375rem}.link-preview-card-domain{color:var(--accent-color);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.create-post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.create-post-card textarea{font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:90px;resize:vertical}.image-preview-container{display:inline-block;margin-top:.75rem;overflow:hidden;position:relative}.image-preview,.image-preview-container{border-radius:var(--radius);max-width:100%}.image-preview{display:block;max-height:240px;object-fit:cover}.remove-image-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:26px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;transition:background .15s;width:26px}.remove-image-btn:hover{background:#000000bf}.link-preview-loading{color:var(--text-secondary);font-size:.8125rem;margin-top:.75rem}.link-preview-composer{align-items:flex-start;background:var(--background);border:1px solid var(--border);border-left:3px solid var(--accent-color);border-radius:var(--radius);display:flex;gap:.75rem;margin-top:.75rem;padding:.75rem;position:relative}.link-preview-img{border-radius:6px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.link-preview-text{flex:1 1;min-width:0}.link-preview-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8125rem;margin-bottom:.25rem;overflow:hidden}.link-preview-domain{color:var(--accent-color);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.create-post-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.875rem}.create-post-left{align-items:center;display:flex;gap:.5rem}.attach-btn{cursor:pointer;font-size:1.375rem;opacity:.65;transition:opacity .15s;-webkit-user-select:none;user-select:none}.attach-btn:hover{opacity:1}.create-post-actions .btn-primary{background-color:var(--accent-color)}.create-post-actions .btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.feed-container{flex:1 1;padding:2rem 1rem}.feed-content{margin:0 auto;max-width:660px}.posts-list{display:flex;flex-direction:column;gap:1rem}.profile-container{flex:1 1;padding:2rem 1rem}.profile-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:520px;padding:2rem}.profile-header{border-bottom:1px solid var(--border);margin-bottom:1.75rem;padding-bottom:1.75rem;text-align:center}.profile-avatar-wrapper{cursor:pointer;margin:0 auto 1rem;position:relative}.profile-avatar,.profile-avatar-wrapper{border-radius:50%;height:88px;width:88px}.profile-avatar{align-items:center;background:var(--primary-color);color:#faf6ed;display:flex;font-size:2.25rem;font-weight:700;justify-content:center}.profile-avatar-img{border-radius:50%;display:block;height:88px;object-fit:cover;width:88px}.profile-avatar-overlay{align-items:center;background:#00000073;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;inset:0;justify-content:center;letter-spacing:.04em;opacity:0;position:absolute;transition:opacity .18s}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.375rem}.profile-email{color:var(--text-secondary);font-size:.875rem}.profile-section{margin-bottom:1.75rem}.profile-section h2{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.875rem;text-transform:uppercase}.settings-list{display:flex;flex-direction:column;gap:.5rem}.setting-item{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem}.setting-item span:first-child{color:var(--text-secondary);flex-shrink:0;font-weight:500;margin-right:1rem}.setting-item-input{align-items:flex-start;flex-direction:column;gap:.5rem}.setting-item-input label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.setting-item-input input{background:var(--surface);border-color:var(--border);font-size:.875rem;padding:.5rem .75rem}.profile-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding-top:.5rem}.btn-logout{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;transition:color .18s}.btn-logout:hover{color:var(--error)}.friends-container{flex:1 1;padding:2rem 1rem}.friends-content{margin:0 auto;max-width:800px}.friends-content section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.friends-content h2{color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.25rem}.add-friend-section form{display:flex;gap:.75rem}.add-friend-section .form-group{display:flex;flex:1 1;gap:.75rem;margin-bottom:.75rem}.add-friend-section input{flex:1 1}.add-friend-section .btn-primary{background-color:var(--accent-color)}.add-friend-section .btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.requests-list{display:flex;flex-direction:column;gap:.875rem}.request-card{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem}.request-info h3{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.request-info p{color:var(--text-secondary);font-size:.875rem}.request-actions{display:flex;gap:.5rem}.request-actions button{font-size:.8125rem;padding:.4375rem .875rem}.friends-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.friend-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;transition:all .18s}.friend-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.friend-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#faf6ed;display:flex;font-size:1.375rem;font-weight:700;height:60px;justify-content:center;margin:0 auto .75rem;width:60px}.friend-card h3{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.friend-card p{color:var(--text-secondary);font-size:.8125rem}.App,.page-container{min-height:100vh}.page-container{display:flex;flex-direction:column}
/*# sourceMappingURL=main.7a3ace65.css.map*/