*{box-sizing:border-box}body{color:#fff;background:linear-gradient(125deg,#07141d 0%,#07566a 20%,#087f9c 35%,#12344f 50%,#244f70 65%,#176b68 80%,#07141d 100%) 0 0/400% 400% fixed;min-height:100vh;margin:0;font-family:Arial,sans-serif;animation:8s ease-in-out infinite runningBackground}@keyframes runningBackground{0%{background-position:0%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}#root{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app{background:0 0;min-height:100vh}.navbar{z-index:1000;background:#07141d;border-bottom:1px solid #193744;justify-content:space-between;align-items:center;gap:20px;padding:20px 5%;display:flex;position:sticky;top:0}.logo,.poster-logo{color:#fff;letter-spacing:1px;background:0 0;border:none;padding:0;font-size:20px;font-weight:700}.logo{white-space:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.logo-icon{object-fit:contain;flex-shrink:0;width:26px;height:26px}.logo span,.poster-logo span{color:#c7ff4f}.nav-actions{align-items:center;gap:10px;display:flex}.add-friends-button,.logout-button{color:#fff;background:#102631;border:1px solid #193744;border-radius:8px;padding:10px 16px;transition:background .2s}.add-friends-button:hover{background:#167d9a}.logout-button{color:#07141d;background:#c7ff4f;border-color:#c7ff4f;font-weight:700}.logout-button:hover{background:#b6ed3d}.dashboard{grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:35px 24px;display:grid}.feed-section{border-right:1px solid #193744;min-width:0;padding-right:16px}.section-heading{margin-bottom:25px}.section-heading h1{color:#c7ff4f;margin:0 0 8px;font-size:30px}.section-heading p{color:#b7c9d0;margin:0}.create-post{background:#102631;border:1px solid #193744;border-radius:14px;flex-direction:column;gap:16px;margin-bottom:25px;padding:24px;display:flex}.create-post h2{margin:0;font-size:20px}.create-post input[type=text],.create-post input[type=url],.create-post textarea{color:#fff;background:#07141d;border:1px solid #294652;border-radius:8px;outline:none;width:100%;padding:12px 14px}.create-post input:focus,.create-post textarea:focus{border-color:#167d9a}.create-post input::placeholder,.create-post textarea::placeholder{color:#8299a3}.create-post textarea{resize:vertical}.visibility-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.visibility-label{color:#b7c9d0;width:100%;font-size:14px}.visibility-option{color:#fff;cursor:pointer;align-items:center;gap:7px;font-size:14px;display:flex}.visibility-option input{accent-color:#c7ff4f}.post-button,.login-button{color:#07141d;background:#c7ff4f;border:none;border-radius:8px;padding:12px 18px;font-weight:700;transition:background .2s}.post-button:hover,.login-button:hover{background:#b6ed3d}.create-post .post-button{align-self:flex-end;min-width:100px}.posts-list{flex-direction:column;gap:20px;display:flex}.empty-posts{color:#8299a3;text-align:center;padding:30px 20px}.post-card{background:#102631;border:1px solid #193744;border-radius:14px;padding:22px}.post-author{color:#fff;align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.post-author .profile-avatar{color:#fff;background:#167d9a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.post-author .profile-avatar img,.friend-avatar img,.add-friend-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.post-title{color:#c7ff4f;overflow-wrap:anywhere;margin:0 0 10px;font-size:20px}.post-description{color:#b7c9d0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;line-height:1.7}.post-image{object-fit:contain;border-radius:10px;width:100%;max-width:280px;height:auto;max-height:350px;margin:15px auto;display:block}.post-meta{border-top:1px solid #193744;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;display:flex}.post-date{color:#8299a3;margin:0;font-size:13px}.post-visibility{color:#b7c9d0;border:1px solid #294652;border-radius:20px;padding:5px 10px;font-size:12px}.friends-section{background:0 0;border:none;border-radius:0;align-self:start;padding:0}.friends-section h2{color:#c7ff4f;margin:0 0 20px;font-size:20px}.friend-item{align-items:center;gap:12px;margin-bottom:16px;display:flex}.friend-item:last-child{margin-bottom:0}.friend-avatar{color:#fff;background:#167d9a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.friend-name{color:#b7c9d0;overflow-wrap:anywhere}.add-friends-page{max-width:1100px;margin:0 auto;padding:30px 20px}.add-friends-page-header{margin-bottom:30px}.add-friends-page-header h1{color:#c7ff4f;margin:0 0 10px;font-size:30px}.add-friends-page-header p{color:#b7c9d0;margin:0}.add-friends-list{flex-direction:column;gap:0;display:flex}.add-friend-item{background:0 0;border:none;border-bottom:1px solid #193744;border-radius:0;align-items:center;gap:15px;padding:16px 0;display:flex}.add-friend-avatar{color:#fff;background:#167d9a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.add-friend-name{color:#fff;overflow-wrap:anywhere;flex:1;margin:0}.friend-status-button{color:#07141d;background:#c7ff4f;border:1px solid #c7ff4f;border-radius:8px;min-width:110px;padding:9px 14px;font-weight:700}.friend-status-button.pending{color:#fff;background:#167d9a;border-color:#167d9a}.friend-status-button.added{color:#b7c9d0;background:#193744;border-color:#294652}.profile-page{max-width:1100px;margin:0 auto;padding:30px 20px}.profile-content{text-align:center;max-width:700px;margin:30px auto 0}.profile-content .profile-avatar{color:#fff;background:#167d9a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;font-size:36px;font-weight:700;display:flex;overflow:hidden}.profile-content .profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-page h1{color:#c7ff4f;margin-top:20px;font-size:32px}.profile-email{color:#8299a3}.profile-bio{color:#b7c9d0;margin:20px 0;font-size:16px;line-height:1.6}.profile-content input,.profile-content textarea{color:#fff;background:#102631;border:1px solid #294652;border-radius:8px;outline:none;width:100%;max-width:400px;margin:12px auto;padding:12px 14px;display:block}.profile-content input:focus,.profile-content textarea:focus{border-color:#c7ff4f}.profile-content input::placeholder,.profile-content textarea::placeholder{color:#8299a3}.profile-content button{margin:8px}.login-page{box-sizing:border-box;background:0 0;grid-template-columns:repeat(2,minmax(0,460px));place-content:center;align-items:stretch;gap:30px;min-height:100vh;padding:40px 24px;display:grid}.login-poster,.login-form-section{width:100%;min-width:0;height:640px}.login-poster{background:linear-gradient(#07141d1a 0%,#07141d73 45%,#07141df2 100%),url(/grouprun.jpeg) 50%/cover no-repeat;border:1px solid #244f70;border-radius:16px;align-items:flex-end;padding:28px;display:flex;overflow:hidden}.poster-content{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.poster-logo{color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;font-size:22px;display:flex}.poster-logo .logo-icon{object-fit:contain;width:26px;height:26px}.poster-logo span{color:#c7ff4f}.poster-message{width:100%}.poster-description{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1.4}.poster-footer{color:#c7ff4f;margin:0;font-size:14px;display:block}.login-form-section{align-items:stretch;display:flex}.login-card{box-sizing:border-box;background:#102631;border:1px solid #244f70;border-radius:16px;flex-direction:column;justify-content:center;width:100%;height:100%;padding:28px;display:flex}.back-to-feed{color:#b7c9d0;text-align:left;background:0 0;border:none;margin-bottom:24px;padding:0;display:inline-block}.back-to-feed:hover{color:#c7ff4f}.login-card h2{color:#fff;text-align:center;margin:0 0 10px;font-size:28px}.login-description{color:#8299a3;text-align:center;margin:0 0 24px;line-height:1.6}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{color:#b7c9d0;margin-top:6px;font-size:14px}.login-form input{color:#fff;background:#07141d;border:1px solid #294652;border-radius:8px;outline:none;width:100%;padding:13px 14px}.login-form input:focus{border-color:#c7ff4f}.login-form input::placeholder{color:#8299a3}.login-button{width:100%;margin-top:14px}.login-button:disabled{cursor:not-allowed;opacity:.6}.google-login-button{color:#292d27;cursor:pointer;background:#fff;border:1px solid #294652;border-radius:8px;width:100%;margin-top:0;padding:12px;font-weight:600}.google-login-button:hover{background:#f5f4ef}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{color:#8299a3;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#294652;flex:1;height:1px}.login-signup{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:25px;display:flex}.login-signup p{color:#8299a3;margin:0;font-size:14px}.signup-link{color:#c7ff4f;background:0 0;border:none;padding:0;font-weight:700}.signup-link:hover{text-decoration:underline}.login-error{color:#ff8e8e;overflow-wrap:anywhere;margin:4px 0;font-size:14px;line-height:1.5}@media (width<=760px){.login-page{grid-template-columns:minmax(0,400px);align-content:start;min-height:100vh;padding:20px}.login-poster{height:260px}.login-form-section{height:auto}.login-card{height:auto;overflow-y:visible}}@media (prefers-reduced-motion:reduce){body{background-position:50%;animation:none}}