*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#fff;background:#0b0f1a}.hidden{display:none}.auth-screen{justify-content:center;align-items:center;height:100vh;display:flex}.auth-box{text-align:center;background:#11182a;border-radius:12px;width:90%;max-width:350px;padding:30px}.auth-box h1{margin-bottom:10px}.auth-box p{color:#aaa;margin-bottom:20px}.google-btn{color:#fff;cursor:pointer;background:#7c5cff;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700}.app{padding:20px}.topbar{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.logo{color:#7c5cff;letter-spacing:2px;font-size:18px;font-weight:700}.user-area{align-items:center;gap:10px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:8px;padding:8px 12px}.container{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.panel{background:#11182a;border-radius:12px;padding:20px}.panel h2{margin-bottom:10px}.file-input{width:100%;margin:10px 0}textarea{color:#fff;resize:none;background:#0b0f1a;border:none;border-radius:8px;width:100%;height:80px;padding:10px}.upload-btn{cursor:pointer;background:#00d4ff;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-weight:700}.feed{background:#11182a;border-radius:12px;padding:20px}.post{background:#0b0f1a;border-radius:10px;margin-top:15px;padding:10px}.post-header{align-items:center;gap:10px;display:flex}.avatar{background:#7c5cff;border-radius:50%;width:35px;height:35px}.username{font-weight:700}.time{color:#aaa;font-size:12px}.image{background:#1a2238;border-radius:8px;width:100%;height:180px;margin-top:10px}.desc{color:#ddd;margin-top:10px}@media (width<=768px){.container{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:10px}}