.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border-bottom:1px solid #00000014;box-shadow:0 6px 20px #00000014;display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:100}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#feca57);-webkit-background-clip:text;height:auto;text-decoration:none;transition:.2s;width:30%}.navbar-logo:hover{transform:scale(1.05)}.navbar-links{align-items:center;display:flex;gap:18px}.navbar-links a{color:#1a1a1a;font-size:15px;font-weight:500;text-decoration:none;transition:.2s}.navbar-links a:hover{color:#ff6b6b;transform:translateY(-1px)}.navbar-user{color:#444;font-size:13px}.logout-button{background:linear-gradient(90deg,#ff6b6b,#feca57);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:7px 12px;transition:.2s}.logout-button:hover{box-shadow:0 6px 15px #ff6b6b4d;transform:translateY(-2px)}.navbar-hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px}.bar{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:3px;height:3px;transition:.3s;width:26px}.navbar-hamburger.open .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.open .bar:nth-child(2){opacity:0}.navbar-hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.navbar-hamburger{display:flex}.navbar-links{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-radius:12px;box-shadow:0 10px 25px #0000001a;flex-direction:column;opacity:0;padding:14px;pointer-events:none;position:absolute;right:10px;top:100%;transform:translateY(-10px);transition:.2s;width:220px}.navbar-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (max-width:430px){.create-post-container,.home-container,.profile-container{padding:10px}.post-image{height:340px}.create-post-form{padding:14px}}body{background:radial-gradient(circle at top,#ff5858 0,#ff9a3c 40%,#ffd56b 80%,#fff 100%)}.home-container{box-sizing:border-box;margin:0 auto;max-width:520px;padding:12px;width:100%}.post-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fff6;border-radius:18px;box-shadow:0 8px 22px #00000014;margin-bottom:14px;overflow:hidden;transition:.2s ease}.post-card:hover{transform:translateY(-3px)}.post-header{justify-content:space-between;padding:14px}.post-header,.post-user-info{align-items:center;display:flex}.post-user-info{gap:10px}.post-avatar{border:2px solid #fff;border-radius:50%;height:42px;object-fit:cover;width:42px}.post-username{color:#111;font-size:14px;font-weight:600;text-decoration:none}.follow-toggle-btn{background:linear-gradient(135deg,#0095f6,#00c6ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:7px 12px;transition:.2s ease}.follow-toggle-btn:hover{transform:scale(1.05)}.follow-toggle-btn.following{background:#eee;color:#333}.post-image{display:block;max-height:520px;object-fit:cover;width:100%}.post-actions{align-items:center;display:flex;gap:14px;padding:12px}.comment-bubble,.like-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:clamp(22px,2vw,30px);justify-content:center;padding:4px;transition:transform .15s ease}.comment-bubble:hover,.like-button:hover{transform:scale(1.12)}.like-button.liked{color:red}.post-content{padding:0 12px 12px}.post-title{font-size:16px;font-weight:700;margin:0}.post-description{color:#333;font-size:14px;line-height:1.4;margin-top:6px}.post-ort{color:#777;font-size:12px;margin-top:4px}.post-comments-section{background:#fff6;border-top:1px solid #0000000f;padding:10px 12px}.comment{background:#fff9;border-radius:10px;font-size:13px;margin-bottom:8px;padding:8px}.comment-actions{display:flex;gap:8px;margin-top:4px}.comment-like-button,.delete-comment{background:none;border:none;color:#666;cursor:pointer;font-size:13px;transition:.15s ease}.comment-like-button:hover,.delete-comment:hover{color:#111}.post-comment-form{background:#fff;border-top:1px solid #0000000f;display:flex}.comment-input{border:none;flex:1 1;font-size:14px;outline:none;padding:12px}.comment-submit{background:none;border:none;color:#0095f6;cursor:pointer;font-weight:700;padding:0 14px;transition:.15s ease}.comment-submit:hover{opacity:.7}.comment-submit:disabled{color:#bbb}.no-posts{padding:30px}@media (max-width:600px){.home-container{padding:8px}.post-card{border-radius:16px}.post-actions{gap:10px}.comment-bubble,.like-button{font-size:26px}}.profile-container{background:linear-gradient(135deg,#fff,#fff5f5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:90px 12px 20px}.profile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;box-shadow:0 6px 18px #00000014;flex-direction:column;gap:14px}#profile-picture{align-items:center;background:linear-gradient(45deg,#ff6b6b,#feca57,#c75c5c);border-radius:50%;display:flex;height:92px;justify-content:center;margin:0 auto;padding:3px;width:92px}#profile-picture img{border:2px solid #fff;border-radius:50%;height:84px;object-fit:cover;width:84px}#profile-info{text-align:center}#profile-info h2{font-size:22px;font-weight:800;margin:0}.profile-name{color:#777;font-size:1px;margin-top:2px}#profile-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.stat-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000f;min-width:80px;padding:8px 10px}.stat-box h4{font-size:14px;margin:0}.stat-box span{color:#777;font-size:11px}.profile-bio{color:#555;font-size:13px;line-height:1.4;text-align:center}.profile-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.modern-btn{background:linear-gradient(90deg,#ff6b6b,#feca57);border:none;border-radius:12px;box-shadow:0 6px 14px #ff6b6b40;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 14px}.modern-btn:active{transform:scale(.97)}.modern-btn.secondary{background:#fff;color:#444}.profile-posts-wrapper{margin-top:18px}.section-title{font-size:16px;font-weight:800;margin-bottom:10px}.profile-post{background:#fff;transition:.2s ease}.profile-post-overlay{background:linear-gradient(0deg,#000000b3,#0000);pointer-events:none}.profile-post:hover .profile-post-overlay{opacity:1;pointer-events:auto}.friend-section{background:#ffffffd9;border-radius:16px;box-shadow:0 6px 14px #0000000f;margin-top:20px;padding:16px}.friend-search{display:flex;gap:8px;margin-top:10px}.friend-search input{border:1px solid red;border-radius:12px;flex:1 1;outline:none;padding:10px}.friend-search button{background:linear-gradient(90deg,#ff6b6b,#feca57);border:none;border-radius:12px;color:#fff;font-weight:700;padding:10px 12px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:999}.modal{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000026;max-width:340px;padding:16px;width:100%}.modal input{border:1px solid #eee;border-radius:10px;display:block;margin:0 auto 8px;max-width:300px;padding:8px;width:100%}.spinner{border:4px solid #ffd1d1;height:42px;width:42px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:26px;box-shadow:0 15px 35px #0000001f;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:28px;width:100%}.login-form h2{color:#222;font-size:30px;font-weight:700;margin:0;text-align:center}.login-form img{display:block;margin:0 auto 10px;width:130px}.login-input{background:#fff;border:1px solid #ececec;border-radius:14px;box-sizing:border-box;font-size:15px;outline:none;padding:14px;transition:.2s;width:100%}.login-input:focus{border-color:#ff6b6b;box-shadow:0 0 12px #ff6b6b33}.login-input::placeholder{color:#999}.login-button{background:linear-gradient(90deg,#ff6b6b,#feca57);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:.2s;width:100%}.login-button:hover{box-shadow:0 8px 20px #ff6b6b40;transform:translateY(-2px)}.login-switch{background:none;border:none;color:#555;cursor:pointer;font-size:14px}.login-switch:hover{color:#ff6b6b}.login-error{color:#ff3b3b;font-size:13px;margin:0;text-align:center}@media (max-width:430px){.login-form{border-radius:20px;padding:22px}.login-form h2{font-size:25px}}.create-post-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.create-post-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:24px;box-shadow:0 12px 30px #0000001a;max-width:560px;padding:22px;width:100%}.create-post-form h2{font-size:28px;margin-bottom:18px}.create-post-input,.create-post-textarea{border:1px solid #eee;border-radius:14px;box-sizing:border-box;font-size:15px;margin-bottom:14px;outline:none;padding:14px;transition:.2s;width:100%}.create-post-input:focus,.create-post-textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.create-post-textarea{min-height:140px;resize:none}.image-preview-container{margin-bottom:14px}.image-preview{border-radius:16px;box-shadow:0 8px 20px #0000001a;object-fit:cover;width:100%}.create-post-actions{display:flex;gap:12px}.cancel-button,.submit-button{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px;transition:.2s}.submit-button{background:linear-gradient(90deg,#ff6b6b,#feca57);color:#fff}.submit-button:hover{box-shadow:0 10px 20px #ff6b6b40;transform:translateY(-2px)}.cancel-button{background:#f2f2f2}.cancel-button:hover{background:#e6e6e6}.create-post-error{background:#ff000014;border-radius:12px;color:#d63031;font-size:14px;margin-bottom:12px;padding:10px 12px}.success-message{background:#2ecc7126;border-radius:16px;color:#2ecc71;font-weight:600;padding:18px;text-align:center}.profile-container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:90px 12px 30px;width:100%}.profile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #fff6;border-radius:18px;box-shadow:0 8px 18px #00000014;display:flex;gap:18px;margin-bottom:18px;padding:18px}.profile-picture{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;display:flex;flex-shrink:0;height:86px;justify-content:center;overflow:hidden;padding:3px;width:86px}.profile-picture img{border:2px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1}.profile-info h2{color:#111;font-size:20px;font-weight:800;margin:0}.profile-stats{display:flex;gap:8px}.profile-stats,.profile-stats span{align-items:center;justify-content:center}.profile-stats span{background:#ffffffb3;border-radius:10px;box-shadow:0 3px 8px #0000000d;color:#444;display:inline-flex;font-size:12px;font-weight:600;padding:6px 10px}.profile-bio{margin-top:10px}.profile-bio p{color:#555;font-size:13px;margin:3px 0}.profile-edit-button{background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:12px;padding:8px 12px;transition:.2s ease}.profile-edit-button:active{transform:scale(.97)}.profile-posts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.profile-post{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #fff6;border-radius:14px;box-shadow:0 6px 14px #00000014;overflow:hidden;position:relative;transition:.15s ease}.profile-post:active{transform:scale(.98)}.profile-post-image{aspect-ratio:1/1;object-fit:cover;width:100%}.profile-post-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000a6,#0000);display:flex;inset:0;justify-content:space-between;opacity:0;padding:10px;position:absolute;transition:.2s ease}.profile-post:active .profile-post-overlay{opacity:1}.profile-post-stats{color:#fff;font-size:12px;font-weight:600}.profile-post-overlay button{background:#fffffff2;border:none;border-radius:8px;cursor:pointer;font-size:12px;padding:6px 8px}.no-posts{background:#ffffffd9;border-radius:16px;color:#666;font-size:14px;padding:30px 15px;text-align:center}.loading{min-height:200px}.spinner{border:4px solid #ffffff80;border-top-color:#ff6b6b;height:38px;width:38px}body{-webkit-text-size-adjust:100%;touch-action:manipulation}@media (min-width:768px){.profile-container{max-width:1200px}.profile-posts{grid-template-columns:repeat(3,1fr)}.profile-info h2{font-size:32px}}body{background:radial-gradient(circle at top,#ff5a5a 0,#ff914d 40%,#ffd56b 75%,#fff5f5 100%);color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.app-container{min-height:100vh;width:100%}.page-content{box-sizing:border-box;margin:0 auto;max-width:760px;padding:95px 16px 40px;width:100%}.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.spinner{animation:spin .8s linear infinite;border:6px solid #ffffff80;border-radius:50%;border-top-color:#ff4d6d;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:430px){.page-content{max-width:100%;padding-left:12px;padding-right:12px;padding-top:90px}}
/*# sourceMappingURL=main.28ef7952.css.map*/