.app-container{display:flex;flex-direction:row;min-height:100vh;background:#f6f7fa;font-family:Segoe UI,Arial,sans-serif}.sidebar-column{width:260px;background:#fff;border-right:1px solid #e6e8ef;padding:20px 0;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px}.profile{display:flex;align-items:center;gap:14px;margin-bottom:12px}.avatar{border-radius:50%;width:48px;height:48px;object-fit:cover}.avatar.small{width:36px;height:36px}.profile strong{font-size:1.15rem;display:block}.username{font-size:.96rem;color:#666;margin-top:2px;display:block}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{padding:12px 8px;cursor:pointer;border-radius:10px;font-size:1.07rem;color:#545b77;transition:background .2s}.sidebar ul li:hover{background:#f3f0fc}.logout-btn{background:#f0f0f7;color:#b14343;border:none;border-radius:8px;padding:8px 14px;margin-top:20px;cursor:pointer;font-weight:700;transition:background .2s}.logout-btn:hover{background:#ffe4e1}.feed-column{flex:1;min-width:0;background:#fafaff;display:flex;flex-direction:column;align-items:center;padding:24px 0 32px}.main-feed{width:100%;max-width:540px}.new-post-box{background:#fff;border-radius:16px;padding:8px 12px;margin-bottom:22px;border:1px solid #ebebeb;box-shadow:0 2px 6px #828cb40a;display:flex;flex-direction:column;gap:8px}.new-post-box textarea{resize:none;border:1px solid #ececec;border-radius:8px;padding:10px;min-height:36px;font-size:.98rem;margin-bottom:6px;background:#fafbff}.new-post-box button{background:#a685fa;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:1rem;cursor:pointer;font-weight:600;align-self:flex-end;transition:background .17s}.new-post-box button:disabled{background:#bfbfbf;cursor:not-allowed}.post-card{background:#fff;border-radius:18px;margin-bottom:18px;padding:15px 17px 13px;box-shadow:0 2px 8px #7878b40d;border:1px solid #ede9fa}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:5px}.post-username{font-weight:600;font-size:1.05rem;margin-right:7px;color:#6543ad}.post-time{color:#aaa;font-size:.93rem}.post-content{margin:9px 0 6px;font-size:1.11rem;line-height:1.55;word-break:break-word}.post-footer{display:flex;align-items:center;gap:14px;margin-top:4px;font-size:1.01rem}.like-btn,.delete-btn{background:none;border:none;cursor:pointer;font-size:1.19rem;margin-left:5px;transition:transform .1s}.like-btn:hover{transform:scale(1.14)}.delete-btn:hover{transform:scale(1.12);color:#d8005b}.notification{color:#236b26;font-size:.98rem;margin-left:12px}.comments-section{background:#f9f8ff;border-radius:10px;padding:8px 10px;margin-top:10px}.comments-list{margin-top:4px;max-height:108px;overflow-y:auto}.comments-list b{color:#7651e8}.empty{text-align:center;color:#aaa;margin-top:24px}.right-column{width:300px;background:#faf9ff;border-left:1px solid #eee;padding:28px 18px 18px;min-height:100vh}.user-search-results{margin-top:13px;display:flex;flex-direction:column;gap:13px}.user-search-results>div{background:#f3f1fa;border-radius:8px;padding:7px 10px;font-size:1.03rem;display:flex;align-items:center;justify-content:space-between}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ede4ff}.login-card{background:#fff;padding:36px 34px 28px;border-radius:18px;box-shadow:0 3px 18px #bbb2e444;min-width:320px;max-width:100vw}.login-card h2{margin-top:0;margin-bottom:16px;color:#7a41ee}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{padding:9px 11px;border-radius:7px;border:1px solid #ececec;font-size:1rem;margin-bottom:2px;background:#fafbff}.login-card button{background:#7c4ae7;color:#fff;border:none;border-radius:7px;padding:10px 0;font-size:1rem;font-weight:600;margin-top:6px;transition:background .18s}.login-card button:hover{background:#a18be7}.login-card .error-msg{color:#ce2856;background:#fce6ed;padding:6px 10px;border-radius:7px;font-size:.99rem;margin-bottom:4px}@media (max-width: 900px){.app-container{flex-direction:column}.sidebar-column,.right-column{width:100%;min-height:unset;border:none;padding:12px 6vw 18px}.feed-column{padding:16px 0 28px}.main-feed{max-width:100vw}}@media (max-width: 600px){.app-container{flex-direction:column}.sidebar-column,.right-column{width:100vw;min-width:unset;padding:8px 1vw 12px}.feed-column{padding:7px 0 18px}.main-feed{max-width:100vw;padding:0 2vw}.login-card{min-width:unset;padding:20px 8vw 18px}}button{outline:none}